Adlandırılmış renk · #E8C3BF
Crystal Pink
Crystal Pink, #E8C3BF: rgb(232 195 191), hsl(6 47% 83%), oklch(0.848 0.043 25.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Crystal Pink color name →
#E8C3BF
oklch(0.848 0.043 25.3)
Renk dönüşümleri
- HEX
- #e8c3bf
- RGB
- rgb(232 195 191)
- HSL
- hsl(6 47% 83%)
- HWB
- hwb(6 75% 9%)
- OKLCH
- oklch(0.848 0.043 25.3)
- OKLab
- oklab(0.848 0.039 0.018)
- CIE Lab
- lab(81.97 13.1 7.18)
- LCH
- lch(81.97 14.94 28.7)
- CMYK
- cmyk(0% 16% 18% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EAC9C5
- EDCFCC
- EFD5D2
- F2DBD8
- F4E1DF
- F6E7E5
- F9EDEB
- FBF3F2
- FDF9F8
Koyu tonlar
- CAA9A6
- AC908D
- 907875
- 74605E
- 594A48
- 403433
- 29201F
- 130E0D
- 030202
Gri tonlar
- DDBCB9
- D3B5B2
- C8AEAC
- BDA8A5
- B3A19F
- A99A99
- 9E9492
- 948D8C
- 8A8786
Renk uyumları
Tamamlayıcı +180°
- E8C3BF
Crystal Pink
- ADD6DA
≈ Light Jellyfish Blue
Analog -30° +30°
- E8C3BF
Crystal Pink
- E5C2CE
≈ In the Slip
- E4C6B3
≈ Novelle Peach
Üçlü +120° +240°
- E8C3BF
Crystal Pink
- BCD5BC
≈ Surf
- C0CDEA
≈ Maritime
Bölünmüş tamamlayıcı +150° +210°
- E8C3BF
Crystal Pink
- B1D7CC
≈ Gemini
- B3D2E6
≈ Chapel Blue
Dörtlü +90° +180° +270°
- E8C3BF
Crystal Pink
- CCD1B2
≈ Meadow Glen
- ADD6DA
≈ Light Jellyfish Blue
- CFC8E7
≈ Italian Fitch
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.98:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.98:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--crystal-pink: #e8c3bf;
--crystal-pink-rgb: 232 195 191;
--crystal-pink-oklch: oklch(0.848 0.043 25.3);
}
.element {
color: var(--crystal-pink);
background-color: hsl(6 47% 83%);
border-color: oklch(0.848 0.043 25.3);
}Tailwind CSS v4
@theme {
--color-crystal-pink: #e8c3bf;
--color-crystal-pink-50: #fff1ee;
--color-crystal-pink-100: #f6e3e0;
--color-crystal-pink-200: #e6ceca;
--color-crystal-pink-300: #cdb0ac;
--color-crystal-pink-400: #b79592;
--color-crystal-pink-500: #a17c78;
--color-crystal-pink-600: #886966;
--color-crystal-pink-700: #6d5451;
--color-crystal-pink-800: #503d3b;
--color-crystal-pink-900: #382a29;
--color-crystal-pink-950: #221717;
}SCSS
$crystal-pink: #e8c3bf;
$crystal-pink-rgb: 232, 195, 191;
$crystal-pink-light: mix(#fff, $crystal-pink, 20%);
$crystal-pink-dark: mix(#000, $crystal-pink, 20%);
.element {
color: $crystal-pink;
box-shadow: 0 0 0 2px rgba($crystal-pink, 0.35);
}