Warna bernama · #E9ADCA
Coral Corn Snake
Coral Corn Snake adalah #E9ADCA: rgb(233 173 202), hsl(331 58% 80%), oklch(0.812 0.079 348.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Coral Corn Snake color name →
#E9ADCA
oklch(0.812 0.079 348.5)
Konversi warna
- HEX
- #e9adca
- RGB
- rgb(233 173 202)
- HSL
- hsl(331 58% 80%)
- HWB
- hwb(331 68% 9%)
- OKLCH
- oklch(0.812 0.079 348.5)
- OKLab
- oklab(0.812 0.078 -0.016)
- CIE Lab
- lab(77.08 25.83 -5.74)
- LCH
- lch(77.08 26.46 347.5)
- CMYK
- cmyk(0% 26% 13% 9%)
Tint · Shade · Tone
Tint
- ECB5CF
- EEBDD4
- F1C5DA
- F3CEDF
- F5D6E4
- F7DEEA
- F9E6EF
- FBEEF4
- FDF7FA
Shade
- CB96AF
- AD7F95
- 906A7C
- 745564
- 5A414D
- 412D37
- 291B22
- 130B0F
- 030102
Tone
- DEA9C2
- D4A4BB
- C9A0B3
- BE9BAC
- B497A4
- AA929D
- 9F8E96
- 95898E
- 8A8587
Harmoni warna
Komplementer +180°
- E9ADCA
Coral Corn Snake
- 8ED2B8
≈ Tropical Trail
Analog -30° +30°
- E9ADCA
Coral Corn Snake
- D8B2E3
≈ Pretty Petunia
- F0ADAE
≈ Brain Pink
Triadik +120° +240°
- E9ADCA
Coral Corn Snake
- C5C68A
≈ Fiddlehead Fern
- 8ACCEA
≈ Below Zero
Split-komplementer +150° +210°
- E9ADCA
Coral Corn Snake
- A8CE9D
≈ Relaxation Green
- 81D1D4
≈ Belize
Tetradik +90° +180° +270°
- E9ADCA
Coral Corn Snake
- DEBC87
≈ Honey Robber
- 8ED2B8
≈ Tropical Trail
- A2C3F5
≈ Sail to the Sea
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.85:1 · APCA Lc 35
Ag
AAADi atas hitam
WCAG 11.29:1 · APCA Lc 68
Warna teks terbaik: #000000
WCAG 11.29:1 (AAA) · APCA Lc 68
Contrast pairs
Cuplikan kode
CSS
:root {
--coral-corn-snake: #e9adca;
--coral-corn-snake-rgb: 233 173 202;
--coral-corn-snake-oklch: oklch(0.812 0.079 348.5);
}
.element {
color: var(--coral-corn-snake);
background-color: hsl(331 58% 80%);
border-color: oklch(0.812 0.079 348.5);
}Tailwind CSS v4
@theme {
--color-coral-corn-snake: #e9adca;
--color-coral-corn-snake-50: #ffecf8;
--color-coral-corn-snake-100: #fedeeb;
--color-coral-corn-snake-200: #f0c7d9;
--color-coral-corn-snake-300: #d8a7bd;
--color-coral-corn-snake-400: #c28ca6;
--color-coral-corn-snake-500: #ad708f;
--color-coral-corn-snake-600: #935f79;
--color-coral-corn-snake-700: #764c61;
--color-coral-corn-snake-800: #573748;
--color-coral-corn-snake-900: #3c2632;
--color-coral-corn-snake-950: #26141e;
}SCSS
$coral-corn-snake: #e9adca;
$coral-corn-snake-rgb: 233, 173, 202;
$coral-corn-snake-light: mix(#fff, $coral-corn-snake, 20%);
$coral-corn-snake-dark: mix(#000, $coral-corn-snake, 20%);
.element {
color: $coral-corn-snake;
box-shadow: 0 0 0 2px rgba($coral-corn-snake, 0.35);
}