Adlandırılmış renk · #E5DCD6
Cultured Pearl
Cultured Pearl, #E5DCD6: rgb(229 220 214), hsl(24 22% 87%), oklch(0.9 0.013 56.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cultured Pearl color name →
#E5DCD6
oklch(0.9 0.013 56.2)
Renk dönüşümleri
- HEX
- #e5dcd6
- RGB
- rgb(229 220 214)
- HSL
- hsl(24 22% 87%)
- HWB
- hwb(24 84% 10%)
- OKLCH
- oklch(0.9 0.013 56.2)
- OKLab
- oklab(0.9 0.007 0.011)
- CIE Lab
- lab(88.36 2.41 4.11)
- LCH
- lch(88.36 4.77 59.6)
- CMYK
- cmyk(0% 4% 7% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8DFDA
- EAE3DE
- EDE6E2
- EFEAE6
- F2EDEA
- F5F1EE
- F7F4F3
- FAF8F7
- FCFBFB
Koyu tonlar
- C7BFBA
- AAA39E
- 8E8884
- 726E6A
- 585452
- 3F3C3B
- 282625
- 121110
- 030202
Gri tonlar
- DAD2CD
- D0C9C4
- C6BFBB
- BBB6B3
- B1ADAA
- A7A4A1
- 9D9B99
- 939291
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- E5DCD6
Cultured Pearl
- D6DFE5
≈ Blustery Day
Analog -30° +30°
- E5DCD6
Cultured Pearl
- E6DBD9
≈ Minified Maroon
- E2DED5
≈ Shy Beige
Üçlü +120° +240°
- E5DCD6
Cultured Pearl
- D6E1DE
≈ Pristine Petal
- DEDCE6
≈ Elation
Bölünmüş tamamlayıcı +150° +210°
- E5DCD6
Cultured Pearl
- D5E1E2
≈ Pristine Petal
- DADEE7
≈ Irradiant Iris
Dörtlü +90° +180° +270°
- E5DCD6
Cultured Pearl
- D9E0D9
≈ Juniper Breeze
- D6DFE5
≈ Blustery Day
- E3DBE3
≈ He Loves Me
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.53:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--cultured-pearl: #e5dcd6;
--cultured-pearl-rgb: 229 220 214;
--cultured-pearl-oklch: oklch(0.9 0.013 56.2);
}
.element {
color: var(--cultured-pearl);
background-color: hsl(24 22% 87%);
border-color: oklch(0.9 0.013 56.2);
}Tailwind CSS v4
@theme {
--color-cultured-pearl: #e5dcd6;
--color-cultured-pearl-50: #f8f4f2;
--color-cultured-pearl-100: #ebe7e4;
--color-cultured-pearl-200: #d9d3cf;
--color-cultured-pearl-300: #bdb6b1;
--color-cultured-pearl-400: #a59d97;
--color-cultured-pearl-500: #8d847e;
--color-cultured-pearl-600: #77706b;
--color-cultured-pearl-700: #605955;
--color-cultured-pearl-800: #46413e;
--color-cultured-pearl-900: #302d2b;
--color-cultured-pearl-950: #1d1a18;
}SCSS
$cultured-pearl: #e5dcd6;
$cultured-pearl-rgb: 229, 220, 214;
$cultured-pearl-light: mix(#fff, $cultured-pearl, 20%);
$cultured-pearl-dark: mix(#000, $cultured-pearl, 20%);
.element {
color: $cultured-pearl;
box-shadow: 0 0 0 2px rgba($cultured-pearl, 0.35);
}