ColorTool
लॉग इन
#63ADE5

#63ade5 ≈ Iceberg

  • आसमानी
  • चमक: अधिक
  • संतृप्ति: तेज़
  • ठंडा
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#63ade5 “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति तेज़ है। RGB मॉडल में यह 38.82% लाल, 67.84% हरे और 89.8% नीले से बना है; CMYK प्रिंट में इसमें 56.77% सियान, 24.45% मैजेंटा, 0% पीला और 10.2% काला लगता है। HSL में इसका ह्यू कोण 205.85°, संतृप्ति 71.43% और चमक 64.31% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 8.64:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Iceberg (#71a6d2) है, ΔE 3.42।

यह विवरण इस रंग के मापे गए गुणों से बनाया गया है।

HEX
RGB
RGB प्रतिशत
CMY
CMYK
HSL
HSV / HSB
वेब-सेफ़#6699cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
बाइनरी
दशमलव
सापेक्ष ल्यूमिनेंस0.382

पूरक

  1. #63ade5
  2. #e59b63

विभाजित पूरक

  1. #63ade5
  2. #e5636c
  3. #e5dc63

समरूप

  1. #63e5dc
  2. #63ade5
  3. #636ce5

त्रिक

  1. #63ade5
  2. #e563ad
  3. #ade563

चतुष्क

  1. #63ade5
  2. #9b63e5
  3. #e59b63
  4. #ade563

वर्ग

  1. #63ade5
  2. #dc63e5
  3. #e59b63
  4. #6ce563

एकरंगी

  1. #196096
  2. #248ad8
  3. #63ade5
  4. #a5cff0
  5. #e6f2fb

शेड

#63ade5 में धीरे-धीरे काला मिलाया गया।

  1. #63ade5
  2. #599cce
  3. #4f8ab7
  4. #4579a0
  5. #3b6889
  6. #325773
  7. #28455c
  8. #1e3445
  9. #14232e
  10. #0a1117
  11. #000000

टिंट

#63ade5 में धीरे-धीरे सफ़ेद मिलाया गया।

  1. #63ade5
  2. #73b5e8
  3. #82bdea
  4. #92c6ed
  5. #a1ceef
  6. #b1d6f2
  7. #c1def5
  8. #d0e6f7
  9. #e0effa
  10. #eff7fc
  11. #ffffff

टोन

#63ade5 में धीरे-धीरे ग्रे मिलाया गया।

  1. #63ade5
  2. #66a9db
  3. #69a4d1
  4. #6ca0c7
  5. #6f9bbd
  6. #7297b3
  7. #7492a8
  8. #778e9e
  9. #7a8994
  10. #7d858a
  11. #808080

पढ़ने योग्य टेक्स्ट 2.43:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
पढ़ने योग्य टेक्स्ट 8.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

अक्रोमैटोप्सिया #a6a6a6 ≈ 0.003% पुरुष
अक्रोमैटोमली #90a9c2 ≈ 0.001% पुरुष
प्रोटानोपिया #95aee8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #83a0e4 ≈ 1.27% पुरुष
ट्राइटानोपिया #00bbc0 ≈ 0.0001% पुरुष
प्रोटानोमली #84ade7 ≈ 1.08% पुरुष
ड्यूटेरानोमली #77a6e4 ≈ 4.63% पुरुष
ट्राइटानोमली #39b5d0 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

इस रंग में टेक्स्ट

इस रंग में बैकग्राउंड

इस रंग में बॉर्डर

टेक्स्ट रंग
.text-63ade5 {
  color: #63ade5;
}
बैकग्राउंड
.bg-63ade5 {
  background-color: #63ade5;
  color: #000000;
}
बॉर्डर
.border-63ade5 {
  border: 2px solid #63ade5;
}
CSS वेरिएबल
:root {
  --color-primary: #63ade5;
  --color-primary-rgb: 99 173 229;
  --color-primary-hsl: 206 71% 64%;
}
ग्रेडिएंट
.gradient-63ade5 {
  background: linear-gradient(135deg, #63ade5, #636ce5);
}
रंगीन छाया
.shadow-63ade5 {
  box-shadow: 0 8px 24px rgb(99 173 229 / 0.35);
}

#71a6d2 Iceberg ΔE 3.42 #56a0d3 Carolina Blue ΔE 4.13 #73c2fb Maya Blue ΔE 5.71 #00bfff Deep Sky Blue ΔE 7.68 #73a9c2 Moonstone Blue ΔE 7.69 #87cefa Light Sky Blue ΔE 9.10 #6495ed Cornflower Blue ΔE 9.10 #9c521a उल्टा रंग #a6a6a6 ग्रेस्केल 

Iceberg
#63ade5  rgb(99, 173, 229)  hsl(206, 71%, 64%)  Iceberg
#e59b63  rgb(229, 155, 99)  hsl(26, 71%, 64%)  Persian Orange
#e563ad  rgb(229, 99, 173)  hsl(326, 71%, 64%)  Thulian Pink
#ade563  rgb(173, 229, 99)  hsl(86, 71%, 64%)  Inchworm