ColorTool
लॉग इन
#369CE5

#369ce5 ≈ Carolina Blue

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

#369ce5 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 21.18% लाल, 61.18% हरे और 89.8% नीले से बना है; CMYK प्रिंट में इसमें 76.42% सियान, 31.88% मैजेंटा, 0% पीला और 10.2% काला लगता है। HSL में इसका ह्यू कोण 205.03°, संतृप्ति 77.09% और चमक 55.49% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 7.04:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Carolina Blue (#56a0d3) है, ΔE 3.36।

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

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

पूरक

  1. #369ce5
  2. #e57f36

विभाजित पूरक

  1. #369ce5
  2. #e53644
  3. #e5d736

समरूप

  1. #36e5d7
  2. #369ce5
  3. #3644e5

त्रिक

  1. #369ce5
  2. #e5369c
  3. #9ce536

चतुष्क

  1. #369ce5
  2. #7f36e5
  3. #e57f36
  4. #9ce536

वर्ग

  1. #369ce5
  2. #d736e5
  3. #e57f36
  4. #44e536

एकरंगी

  1. #0f4973
  2. #1874b7
  3. #369ce5
  4. #7abdee
  5. #bddff7

शेड

#369ce5 में धीरे-धीरे काला मिलाया गया।

  1. #369ce5
  2. #318cce
  3. #2b7db7
  4. #266da0
  5. #205e89
  6. #1b4e73
  7. #163e5c
  8. #102f45
  9. #0b1f2e
  10. #051017
  11. #000000

टिंट

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

  1. #369ce5
  2. #4aa6e8
  3. #5eb0ea
  4. #72baed
  5. #86c4ef
  6. #9bcef2
  7. #afd7f5
  8. #c3e1f7
  9. #d7ebfa
  10. #ebf5fc
  11. #ffffff

टोन

#369ce5 में धीरे-धीरे ग्रे मिलाया गया।

  1. #369ce5
  2. #3d99db
  3. #4596d1
  4. #4c94c7
  5. #5491bd
  6. #5b8eb3
  7. #628ba8
  8. #6a889e
  9. #718694
  10. #79838a
  11. #808080

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

अक्रोमैटोप्सिया #959595 ≈ 0.003% पुरुष
अक्रोमैटोमली #7a98bb ≈ 0.001% पुरुष
प्रोटानोपिया #7a9ee8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #628ee4 ≈ 1.27% पुरुष
ट्राइटानोपिया #00aeb6 ≈ 0.0001% पुरुष
प्रोटानोमली #669de7 ≈ 1.08% पुरुष
ड्यूटेरानोमली #5394e4 ≈ 4.63% पुरुष
ट्राइटानोमली #00a7cb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-369ce5 {
  color: #369ce5;
}
बैकग्राउंड
.bg-369ce5 {
  background-color: #369ce5;
  color: #000000;
}
बॉर्डर
.border-369ce5 {
  border: 2px solid #369ce5;
}
CSS वेरिएबल
:root {
  --color-primary: #369ce5;
  --color-primary-rgb: 54 156 229;
  --color-primary-hsl: 205 77% 55%;
}
ग्रेडिएंट
.gradient-369ce5 {
  background: linear-gradient(135deg, #369ce5, #3644e5);
}
रंगीन छाया
.shadow-369ce5 {
  box-shadow: 0 8px 24px rgb(54 156 229 / 0.35);
}

#56a0d3 Carolina Blue ΔE 3.36 #1e90ff Dodger Blue ΔE 5.58 #318ce7 Bleu de France ΔE 5.89 #71a6d2 Iceberg ΔE 6.20 #5b92e5 United Nations Blue ΔE 7.11 #6495ed Cornflower Blue ΔE 8.15 #4682b4 Steel Blue ΔE 9.60 #c9631a उल्टा रंग #959595 ग्रेस्केल 

Carolina Blue
#369ce5  rgb(54, 156, 229)  hsl(205, 77%, 55%)  Carolina Blue
#e57f36  rgb(229, 127, 54)  hsl(25, 77%, 55%)  Cadmium Orange
#e5369c  rgb(229, 54, 156)  hsl(325, 77%, 55%)  Persian Rose
#9ce536  rgb(156, 229, 54)  hsl(85, 77%, 55%)  Inchworm