이름 색상 · #E9ADCA
Coral Corn Snake
Coral Corn Snake은(는) #E9ADCA: rgb(233 173 202), hsl(331 58% 80%), oklch(0.812 0.079 348.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Coral Corn Snake color name →
#E9ADCA
oklch(0.812 0.079 348.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- ECB5CF
- EEBDD4
- F1C5DA
- F3CEDF
- F5D6E4
- F7DEEA
- F9E6EF
- FBEEF4
- FDF7FA
셰이드
- CB96AF
- AD7F95
- 906A7C
- 745564
- 5A414D
- 412D37
- 291B22
- 130B0F
- 030102
톤
- DEA9C2
- D4A4BB
- C9A0B3
- BE9BAC
- B497A4
- AA929D
- 9F8E96
- 95898E
- 8A8587
색 조화
보색 +180°
- E9ADCA
Coral Corn Snake
- 8ED2B8
≈ Tropical Trail
유사색 -30° +30°
- E9ADCA
Coral Corn Snake
- D8B2E3
≈ Pretty Petunia
- F0ADAE
≈ Brain Pink
삼각 배색 +120° +240°
- E9ADCA
Coral Corn Snake
- C5C68A
≈ Fiddlehead Fern
- 8ACCEA
≈ Below Zero
분열 보색 +150° +210°
- E9ADCA
Coral Corn Snake
- A8CE9D
≈ Relaxation Green
- 81D1D4
≈ Belize
사각 배색 +90° +180° +270°
- E9ADCA
Coral Corn Snake
- DEBC87
≈ Honey Robber
- 8ED2B8
≈ Tropical Trail
- A2C3F5
≈ Sail to the Sea
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.85:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.29:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.29:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
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);
}