ColorTool
लॉग इन
#AF877B

#af877b ≈ Beaver

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

#af877b “नारंगी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 68.63% लाल, 52.94% हरे और 48.24% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 22.86% मैजेंटा, 29.71% पीला और 31.37% काला लगता है। HSL में इसका ह्यू कोण 13.85°, संतृप्ति 24.53% और चमक 58.43% है। यह एक गर्म रंग है, जो अक्सर उत्साह, गर्मजोशी और रचनात्मकता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर कॉल-टू-एक्शन बटन, खाद्य ब्रांड और रेस्टोरेंट और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 6.57:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Beaver (#9f8170) है, ΔE 5.59।

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

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

पूरक

  1. #af877b
  2. #7ba3af

विभाजित पूरक

  1. #af877b
  2. #7bafa1
  3. #7b89af

समरूप

  1. #af7b89
  2. #af877b
  3. #afa17b

त्रिक

  1. #af877b
  2. #7baf87
  3. #877baf

चतुष्क

  1. #af877b
  2. #a3af7b
  3. #7ba3af
  4. #877baf

वर्ग

  1. #af877b
  2. #89af7b
  3. #7ba3af
  4. #a17baf

एकरंगी

  1. #5a3f37
  2. #8a6054
  3. #af877b
  4. #ccb2ab
  5. #e9deda

शेड

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

  1. #af877b
  2. #9e7a6f
  3. #8c6c62
  4. #7b5f56
  5. #69514a
  6. #58443e
  7. #463631
  8. #352925
  9. #231b19
  10. #120e0c
  11. #000000

टिंट

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

  1. #af877b
  2. #b79388
  3. #bf9f95
  4. #c7aba3
  5. #cfb7b0
  6. #d7c3bd
  7. #dfcfca
  8. #e7dbd7
  9. #efe7e5
  10. #f7f3f2
  11. #ffffff

टोन

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

  1. #af877b
  2. #aa867c
  3. #a6867c
  4. #a1857d
  5. #9c847d
  6. #98847e
  7. #93837e
  8. #8e827f
  9. #89817f
  10. #858180
  11. #808080

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

अक्रोमैटोप्सिया #909090 ≈ 0.003% पुरुष
अक्रोमैटोमली #9d8c88 ≈ 0.001% पुरुष
प्रोटानोपिया #908b7a ≈ 1.01% पुरुष
ड्यूटेरानोपिया #99937b ≈ 1.27% पुरुष
ट्राइटानोपिया #b98184 ≈ 0.0001% पुरुष
प्रोटानोमली #9d8a7a ≈ 1.08% पुरुष
ड्यूटेरानोमली #a38e7b ≈ 4.63% पुरुष
ट्राइटानोमली #b58480 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-af877b {
  color: #af877b;
}
बैकग्राउंड
.bg-af877b {
  background-color: #af877b;
  color: #000000;
}
बॉर्डर
.border-af877b {
  border: 2px solid #af877b;
}
CSS वेरिएबल
:root {
  --color-primary: #af877b;
  --color-primary-rgb: 175 135 123;
  --color-primary-hsl: 14 25% 58%;
}
ग्रेडिएंट
.gradient-af877b {
  background: linear-gradient(135deg, #af877b, #afa17b);
}
रंगीन छाया
.shadow-af877b {
  box-shadow: 0 8px 24px rgb(175 135 123 / 0.35);
}

#9f8170 Beaver ΔE 5.59 #bc8f8f Rosy Brown ΔE 6.49 #c08081 Old Rose ΔE 8.24 #a67b5b Cafe au Lait ΔE 8.97 #dea5a4 Pastel Pink ΔE 12.48 #e9967a Dark Salmon ΔE 12.53 #996666 Copper Rose ΔE 12.55 #507884 उल्टा रंग #909090 ग्रेस्केल 

Beaver
#af877b  rgb(175, 135, 123)  hsl(14, 25%, 58%)  Beaver
#7ba3af  rgb(123, 163, 175)  hsl(194, 25%, 58%)  Moonstone Blue
#7baf87  rgb(123, 175, 135)  hsl(134, 25%, 58%)  Dark Sea Green
#877baf  rgb(135, 123, 175)  hsl(254, 25%, 58%)  Purple Mountain Majesty