ColorTool
लॉग इन
#669CCE

#669cce ≈ Iceberg

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

#669cce “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 40% लाल, 61.18% हरे और 80.78% नीले से बना है; CMYK प्रिंट में इसमें 50.49% सियान, 24.27% मैजेंटा, 0% पीला और 19.22% काला लगता है। HSL में इसका ह्यू कोण 208.85°, संतृप्ति 51.49% और चमक 60.39% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 7.21:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Iceberg (#71a6d2) है, ΔE 3.23।

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

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

पूरक

  1. #669cce
  2. #ce9866

विभाजित पूरक

  1. #669cce
  2. #ce6668
  3. #cecc66

समरूप

  1. #66cecc
  2. #669cce
  3. #6668ce

त्रिक

  1. #669cce
  2. #ce669c
  3. #9cce66

चतुष्क

  1. #669cce
  2. #9866ce
  3. #ce9866
  4. #9cce66

वर्ग

  1. #669cce
  2. #cc66ce
  3. #ce9866
  4. #68ce66

एकरंगी

  1. #264f75
  2. #3876af
  3. #669cce
  4. #a0c1e1
  5. #dae7f3

शेड

#669cce में धीरे-धीरे काला मिलाया गया।

  1. #669cce
  2. #5c8cb9
  3. #527da5
  4. #476d90
  5. #3d5e7c
  6. #334e67
  7. #293e52
  8. #1f2f3e
  9. #141f29
  10. #0a1015
  11. #000000

टिंट

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

  1. #669cce
  2. #75a6d3
  3. #85b0d8
  4. #94badd
  5. #a3c4e2
  6. #b3cee7
  7. #c2d7eb
  8. #d1e1f0
  9. #e0ebf5
  10. #f0f5fa
  11. #ffffff

टोन

#669cce में धीरे-धीरे ग्रे मिलाया गया।

  1. #669cce
  2. #6999c6
  3. #6b96be
  4. #6e94b7
  5. #7091af
  6. #738ea7
  7. #768b9f
  8. #788897
  9. #7b8690
  10. #7d8388
  11. #808080

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

अक्रोमैटोप्सिया #979797 ≈ 0.003% पुरुष
अक्रोमैटोमली #8699b0 ≈ 0.001% पुरुष
प्रोटानोपिया #879dd0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7a93cd ≈ 1.27% पुरुष
ट्राइटानोपिया #31a8ad ≈ 0.0001% पुरुष
प्रोटानोमली #7b9dcf ≈ 1.08% पुरुष
ड्यूटेरानोमली #7296cd ≈ 4.63% पुरुष
ट्राइटानोमली #4ca3bb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-669cce {
  color: #669cce;
}
बैकग्राउंड
.bg-669cce {
  background-color: #669cce;
  color: #000000;
}
बॉर्डर
.border-669cce {
  border: 2px solid #669cce;
}
CSS वेरिएबल
:root {
  --color-primary: #669cce;
  --color-primary-rgb: 102 156 206;
  --color-primary-hsl: 209 51% 60%;
}
ग्रेडिएंट
.gradient-669cce {
  background: linear-gradient(135deg, #669cce, #6668ce);
}
रंगीन छाया
.shadow-669cce {
  box-shadow: 0 8px 24px rgb(102 156 206 / 0.35);
}

#71a6d2 Iceberg ΔE 3.23 #56a0d3 Carolina Blue ΔE 3.29 #5b92e5 United Nations Blue ΔE 4.52 #6495ed Cornflower Blue ΔE 4.85 #1e90ff Dodger Blue ΔE 6.20 #318ce7 Bleu de France ΔE 6.38 #5d8aa8 Air Force Blue ΔE 7.76 #996331 उल्टा रंग #979797 ग्रेस्केल 

Iceberg
#669cce  rgb(102, 156, 206)  hsl(209, 51%, 60%)  Iceberg
#ce9866  rgb(206, 152, 102)  hsl(29, 51%, 60%)  Camel
#ce669c  rgb(206, 102, 156)  hsl(329, 51%, 60%)  Thulian Pink
#9cce66  rgb(156, 206, 102)  hsl(89, 51%, 60%)  Pistachio