이름 색상 · #E198B4
Peach Flower
Peach Flower은(는) #E198B4: rgb(225 152 180), hsl(337 55% 74%), oklch(0.76 0.094 354.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Peach Flower color name →
#E198B4
oklch(0.76 0.094 354.9)
색상 변환
- HEX
- #e198b4
- RGB
- rgb(225 152 180)
- HSL
- hsl(337 55% 74%)
- HWB
- hwb(337 60% 12%)
- OKLCH
- oklch(0.76 0.094 354.9)
- OKLab
- oklab(0.76 0.094 -0.008)
- CIE Lab
- lab(70.89 31.02 -2.84)
- LCH
- lch(70.89 31.15 354.8)
- CMYK
- cmyk(0% 32% 20% 12%)
틴트 · 셰이드 · 톤
틴트
- E5A2BB
- E8ACC3
- ECB7CA
- EFC1D1
- F2CBD9
- F5D6E0
- F8E0E8
- FAEAF0
- FDF5F7
셰이드
- C4849C
- A77085
- 8B5C6E
- 704A58
- 563844
- 3E2730
- 27171D
- 12080C
- 020102
톤
- D796AF
- CE94A9
- C491A4
- BA8F9F
- B18D9A
- A78A94
- 9D888F
- 94858A
- 8A8385
색 조화
보색 +180°
- E198B4
Peach Flower
- 6AC5AD
≈ Blue Energy
유사색 -30° +30°
- E198B4
Peach Flower
- D09CD2
≈ Velvet Horizon
- E79A93
≈ She Loves Pink
삼각 배색 +120° +240°
- E198B4
Peach Flower
- AFB872
≈ Green Curry
- 72BBE4
≈ Costa Rica Blue
분열 보색 +150° +210°
- E198B4
Peach Flower
- 8BC18C
≈ Green Masquerade
- 5FC2CD
≈ Baharroth Blue
사각 배색 +90° +180° +270°
- E198B4
Peach Flower
- CCAD69
≈ Ginger Crunch
- 6AC5AD
≈ Blue Energy
- 94B0ED
≈ Fly Away
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.24:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.35:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--peach-flower: #e198b4;
--peach-flower-rgb: 225 152 180;
--peach-flower-oklch: oklch(0.76 0.094 354.9);
}
.element {
color: var(--peach-flower);
background-color: hsl(337 55% 74%);
border-color: oklch(0.76 0.094 354.9);
}Tailwind CSS v4
@theme {
--color-peach-flower: #e198b4;
--color-peach-flower-50: #ffebf5;
--color-peach-flower-100: #ffdce8;
--color-peach-flower-200: #f7c4d5;
--color-peach-flower-300: #e0a4b8;
--color-peach-flower-400: #cb87a1;
--color-peach-flower-500: #b76b89;
--color-peach-flower-600: #9a5b74;
--color-peach-flower-700: #7c485d;
--color-peach-flower-800: #5b3445;
--color-peach-flower-900: #402430;
--color-peach-flower-950: #29121c;
}SCSS
$peach-flower: #e198b4;
$peach-flower-rgb: 225, 152, 180;
$peach-flower-light: mix(#fff, $peach-flower, 20%);
$peach-flower-dark: mix(#000, $peach-flower, 20%);
.element {
color: $peach-flower;
box-shadow: 0 0 0 2px rgba($peach-flower, 0.35);
}