이름 색상 · #EEB39E
Wax Flower
Wax Flower은(는) #EEB39E: rgb(238 179 158), hsl(16 70% 78%), oklch(0.816 0.075 40.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Wax Flower color name →
#EEB39E
oklch(0.816 0.075 40.5)
색상 변환
- HEX
- #eeb39e
- RGB
- rgb(238 179 158)
- HSL
- hsl(16 70% 78%)
- HWB
- hwb(16 62% 7%)
- OKLCH
- oklch(0.816 0.075 40.5)
- OKLab
- oklab(0.816 0.057 0.049)
- CIE Lab
- lab(78.12 20.08 19.55)
- LCH
- lch(78.12 28.03 44.2)
- CMYK
- cmyk(0% 25% 34% 7%)
틴트 · 셰이드 · 톤
틴트
- F0BBA8
- F2C2B1
- F4CABB
- F6D1C4
- F8D9CE
- F9E1D8
- FBE8E2
- FCF0EB
- FEF7F5
셰이드
- CF9B89
- B18474
- 936E60
- 77584D
- 5C433A
- 422F29
- 2A1D18
- 140C09
- 030101
톤
- E3AE9B
- D8A998
- CCA495
- C19F92
- B69A8F
- AB948C
- A18F89
- 968A86
- 8B8583
색 조화
보색 +180°
- EEB39E
Wax Flower
- 8BCFE5
≈ Bluebottle
유사색 -30° +30°
- EEB39E
Wax Flower
- EFAFB7
≈ Exclusively Yours
- E2BB8D
≈ Desert Dust
삼각 배색 +120° +240°
- EEB39E
Wax Flower
- 98D2B3
≈ Menthol Green
- B9BEF3
≈ Vodka
분열 보색 +150° +210°
- EEB39E
Wax Flower
- 88D3CE
≈ Electro Chill
- 9EC7F2
≈ Baby Blue Eyes
사각 배색 +90° +180° +270°
- EEB39E
Wax Flower
- B2CD9A
≈ Greenhorn
- 8BCFE5
≈ Bluebottle
- D2B6E7
≈ Pretty Petunia
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.57:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.57:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--wax-flower: #eeb39e;
--wax-flower-rgb: 238 179 158;
--wax-flower-oklch: oklch(0.816 0.075 40.5);
}
.element {
color: var(--wax-flower);
background-color: hsl(16 70% 78%);
border-color: oklch(0.816 0.075 40.5);
}Tailwind CSS v4
@theme {
--color-wax-flower: #eeb39e;
--color-wax-flower-50: #ffefe5;
--color-wax-flower-100: #ffe0d5;
--color-wax-flower-200: #f1cbbb;
--color-wax-flower-300: #daab99;
--color-wax-flower-400: #c6907d;
--color-wax-flower-500: #b17560;
--color-wax-flower-600: #966351;
--color-wax-flower-700: #784f41;
--color-wax-flower-800: #59392f;
--color-wax-flower-900: #3e2720;
--color-wax-flower-950: #27150f;
}SCSS
$wax-flower: #eeb39e;
$wax-flower-rgb: 238, 179, 158;
$wax-flower-light: mix(#fff, $wax-flower, 20%);
$wax-flower-dark: mix(#000, $wax-flower, 20%);
.element {
color: $wax-flower;
box-shadow: 0 0 0 2px rgba($wax-flower, 0.35);
}