Adlandırılmış renk · #D8B7CF
Immortal Indigo
Immortal Indigo, #D8B7CF: rgb(216 183 207), hsl(316 30% 78%), oklch(0.815 0.049 335.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Immortal Indigo color name →
#D8B7CF
oklch(0.815 0.049 335.8)
Renk dönüşümleri
- HEX
- #d8b7cf
- RGB
- rgb(216 183 207)
- HSL
- hsl(316 30% 78%)
- HWB
- hwb(316 72% 15%)
- OKLCH
- oklch(0.815 0.049 335.8)
- OKLab
- oklab(0.815 0.045 -0.02)
- CIE Lab
- lab(77.88 15.24 -7.51)
- LCH
- lch(77.88 16.99 333.8)
- CMYK
- cmyk(0% 15% 4% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCBED4
- E0C5D8
- E4CCDD
- E8D3E2
- ECDBE7
- F0E2EC
- F4E9F0
- F7F0F5
- FBF8FA
Koyu tonlar
- BC9FB4
- A08799
- 85707F
- 6B5A67
- 53454F
- 3B3138
- 251E23
- 110C10
- 020202
Gri tonlar
- CFB1C7
- C6ACBF
- BDA6B7
- B4A1AF
- AB9BA7
- A2969F
- 9A9097
- 918B8F
- 898588
Renk uyumları
Tamamlayıcı +180°
- D8B7CF
Immortal Indigo
- AACDB5
≈ Bird’s Egg Green
Analog -30° +30°
- D8B7CF
Immortal Indigo
- CABBDD
≈ Sweet Lucid Dreams
- E0B6BE
≈ Heart’s Content
Üçlü +120° +240°
- D8B7CF
Immortal Indigo
- CCC39F
≈ Inviting Gesture
- 9FCBD7
≈ Regent St Blue
Bölünmüş tamamlayıcı +150° +210°
- D8B7CF
Immortal Indigo
- BBC9A6
≈ Pale Leaf
- 9FCEC7
≈ Ice Boutique Turquoise
Dörtlü +90° +180° +270°
- D8B7CF
Immortal Indigo
- D9BDA1
≈ Nut Flavour
- AACDB5
≈ Bird’s Egg Green
- A9C7E1
≈ Utterly Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.81:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.59:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.59:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--immortal-indigo: #d8b7cf;
--immortal-indigo-rgb: 216 183 207;
--immortal-indigo-oklch: oklch(0.815 0.049 335.8);
}
.element {
color: var(--immortal-indigo);
background-color: hsl(316 30% 78%);
border-color: oklch(0.815 0.049 335.8);
}Tailwind CSS v4
@theme {
--color-immortal-indigo: #d8b7cf;
--color-immortal-indigo-50: #fff0fa;
--color-immortal-indigo-100: #f4e2ee;
--color-immortal-indigo-200: #e3cddc;
--color-immortal-indigo-300: #c9aec0;
--color-immortal-indigo-400: #b294aa;
--color-immortal-indigo-500: #9c7a93;
--color-immortal-indigo-600: #84677c;
--color-immortal-indigo-700: #695363;
--color-immortal-indigo-800: #4d3c4a;
--color-immortal-indigo-900: #362933;
--color-immortal-indigo-950: #21171f;
}SCSS
$immortal-indigo: #d8b7cf;
$immortal-indigo-rgb: 216, 183, 207;
$immortal-indigo-light: mix(#fff, $immortal-indigo, 20%);
$immortal-indigo-dark: mix(#000, $immortal-indigo, 20%);
.element {
color: $immortal-indigo;
box-shadow: 0 0 0 2px rgba($immortal-indigo, 0.35);
}