이름 색상 · #EA927A
Poodle Skirt Peach
Poodle Skirt Peach은(는) #EA927A: rgb(234 146 122), hsl(13 73% 70%), oklch(0.745 0.113 36). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Poodle Skirt Peach color name →
#EA927A
oklch(0.745 0.113 36)
색상 변환
- HEX
- #ea927a
- RGB
- rgb(234 146 122)
- HSL
- hsl(13 73% 70%)
- HWB
- hwb(13 48% 8%)
- OKLCH
- oklch(0.745 0.113 36)
- OKLab
- oklab(0.745 0.091 0.066)
- CIE Lab
- lab(69.54 32.29 27.45)
- LCH
- lch(69.54 42.38 40.4)
- CMYK
- cmyk(0% 38% 48% 8%)
틴트 · 셰이드 · 톤
틴트
- ED9D87
- F0A894
- F3B3A1
- F5BEAF
- F7C9BC
- F9D4C9
- FBDED6
- FDE9E4
- FEF4F1
셰이드
- CB7E69
- AE6B59
- 915849
- 75463A
- 5A352B
- 41251D
- 291610
- 130805
- 030101
톤
- E0917B
- D58F7C
- CB8E7D
- C08C7E
- B68A7E
- AB887F
- A1867F
- 968480
- 8B8280
색 조화
보색 +180°
- EA927A
Poodle Skirt Peach
- 43BEDA
≈ Bachelor Button
유사색 -30° +30°
- EA927A
Poodle Skirt Peach
- E98DA1
≈ Underwater Flare
- DD9D5B
≈ Coffee Whip
삼각 배색 +120° +240°
- EA927A
Poodle Skirt Peach
- 6CC28E
≈ Felt Green
- 99A6F3
≈ Cold Lips
분열 보색 +150° +210°
- EA927A
Poodle Skirt Peach
- 42C3B7
≈ Synergy
- 6DB3EF
≈ Sanctuary Spa
사각 배색 +90° +180° +270°
- EA927A
Poodle Skirt Peach
- 9BB968
≈ Light Birch Green
- 43BEDA
≈ Bachelor Button
- BE99E5
≈ Bright Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.36:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.89:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--poodle-skirt-peach: #ea927a;
--poodle-skirt-peach-rgb: 234 146 122;
--poodle-skirt-peach-oklch: oklch(0.745 0.113 36);
}
.element {
color: var(--poodle-skirt-peach);
background-color: hsl(13 73% 70%);
border-color: oklch(0.745 0.113 36);
}Tailwind CSS v4
@theme {
--color-poodle-skirt-peach: #ea927a;
--color-poodle-skirt-peach-50: #ffebde;
--color-poodle-skirt-peach-100: #ffdccd;
--color-poodle-skirt-peach-200: #ffc4b2;
--color-poodle-skirt-peach-300: #eaa48d;
--color-poodle-skirt-peach-400: #d8866f;
--color-poodle-skirt-peach-500: #c5684f;
--color-poodle-skirt-peach-600: #a65944;
--color-poodle-skirt-peach-700: #854736;
--color-poodle-skirt-peach-800: #633327;
--color-poodle-skirt-peach-900: #46221a;
--color-poodle-skirt-peach-950: #2d110b;
}SCSS
$poodle-skirt-peach: #ea927a;
$poodle-skirt-peach-rgb: 234, 146, 122;
$poodle-skirt-peach-light: mix(#fff, $poodle-skirt-peach, 20%);
$poodle-skirt-peach-dark: mix(#000, $poodle-skirt-peach, 20%);
.element {
color: $poodle-skirt-peach;
box-shadow: 0 0 0 2px rgba($poodle-skirt-peach, 0.35);
}