Màu có tên · #E9ADCA
Coral Corn Snake
Coral Corn Snake là #E9ADCA: rgb(233 173 202), hsl(331 58% 80%), oklch(0.812 0.079 348.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · Coral Corn Snake color name →
#E9ADCA
oklch(0.812 0.079 348.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECB5CF
- EEBDD4
- F1C5DA
- F3CEDF
- F5D6E4
- F7DEEA
- F9E6EF
- FBEEF4
- FDF7FA
Sắc đậm
- CB96AF
- AD7F95
- 906A7C
- 745564
- 5A414D
- 412D37
- 291B22
- 130B0F
- 030102
Sắc xám
- DEA9C2
- D4A4BB
- C9A0B3
- BE9BAC
- B497A4
- AA929D
- 9F8E96
- 95898E
- 8A8587
Hòa sắc
Bổ túc +180°
- E9ADCA
Coral Corn Snake
- 8ED2B8
≈ Tropical Trail
Tương đồng -30° +30°
- E9ADCA
Coral Corn Snake
- D8B2E3
≈ Pretty Petunia
- F0ADAE
≈ Brain Pink
Bộ ba +120° +240°
- E9ADCA
Coral Corn Snake
- C5C68A
≈ Fiddlehead Fern
- 8ACCEA
≈ Below Zero
Bổ túc chia +150° +210°
- E9ADCA
Coral Corn Snake
- A8CE9D
≈ Relaxation Green
- 81D1D4
≈ Belize
Bộ bốn +90° +180° +270°
- E9ADCA
Coral Corn Snake
- DEBC87
≈ Honey Robber
- 8ED2B8
≈ Tropical Trail
- A2C3F5
≈ Sail to the Sea
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.85:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.29:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.29:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
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);
}