Nazwany kolor · #E9ADCA
Coral Corn Snake
Coral Corn Snake to #E9ADCA: rgb(233 173 202), hsl(331 58% 80%), oklch(0.812 0.079 348.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Coral Corn Snake color name →
#E9ADCA
oklch(0.812 0.079 348.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECB5CF
- EEBDD4
- F1C5DA
- F3CEDF
- F5D6E4
- F7DEEA
- F9E6EF
- FBEEF4
- FDF7FA
Odcienie ciemniejsze
- CB96AF
- AD7F95
- 906A7C
- 745564
- 5A414D
- 412D37
- 291B22
- 130B0F
- 030102
Tony
- DEA9C2
- D4A4BB
- C9A0B3
- BE9BAC
- B497A4
- AA929D
- 9F8E96
- 95898E
- 8A8587
Harmonie kolorów
Komplementarna +180°
- E9ADCA
Coral Corn Snake
- 8ED2B8
≈ Tropical Trail
Analogowa -30° +30°
- E9ADCA
Coral Corn Snake
- D8B2E3
≈ Pretty Petunia
- F0ADAE
≈ Brain Pink
Triada +120° +240°
- E9ADCA
Coral Corn Snake
- C5C68A
≈ Fiddlehead Fern
- 8ACCEA
≈ Below Zero
Komplementarna rozszczepiona +150° +210°
- E9ADCA
Coral Corn Snake
- A8CE9D
≈ Relaxation Green
- 81D1D4
≈ Belize
Tetrada +90° +180° +270°
- E9ADCA
Coral Corn Snake
- DEBC87
≈ Honey Robber
- 8ED2B8
≈ Tropical Trail
- A2C3F5
≈ Sail to the Sea
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.85:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.29:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.29:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
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);
}