이름 색상 · #EAAEA9
Sweet Tart
Sweet Tart은(는) #EAAEA9: rgb(234 174 169), hsl(5 61% 79%), oklch(0.805 0.071 24.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Sweet Tart color name →
#EAAEA9
oklch(0.805 0.071 24.2)
색상 변환
- HEX
- #eaaea9
- RGB
- rgb(234 174 169)
- HSL
- hsl(5 61% 79%)
- HWB
- hwb(5 66% 8%)
- OKLCH
- oklch(0.805 0.071 24.2)
- OKLab
- oklab(0.805 0.065 0.029)
- CIE Lab
- lab(76.71 22.09 11.63)
- LCH
- lch(76.71 24.97 27.8)
- CMYK
- cmyk(0% 26% 28% 8%)
틴트 · 셰이드 · 톤
틴트
- EDB6B1
- EFBEBA
- F1C6C2
- F4CECB
- F6D6D3
- F8DEDC
- FAE7E5
- FCEFED
- FDF7F6
셰이드
- CB9792
- AE807C
- 916A67
- 755553
- 5A413F
- 412E2C
- 291C1B
- 130B0A
- 030101
톤
- DFA9A5
- D4A5A1
- CAA09D
- BF9C98
- B59794
- AA9290
- 9F8E8C
- 958988
- 8A8584
색 조화
보색 +180°
- EAAEA9
Sweet Tart
- 87CDD5
≈ White Ultramarine
유사색 -30° +30°
- EAAEA9
Sweet Tart
- E5ADC2
≈ Sekichiku Pink
- E4B494
≈ Sonora Apricot
삼각 배색 +120° +240°
- EAAEA9
Sweet Tart
- A4CCA3
≈ Limestoned
- A8C0EE
≈ Sky High
분열 보색 +150° +210°
- EAAEA9
Sweet Tart
- 8ECFBC
≈ Blue Frosting
- 92C8E7
≈ Deluxe Days
사각 배색 +90° +180° +270°
- EAAEA9
Sweet Tart
- BEC590
≈ Misty Valley
- 87CDD5
≈ White Ultramarine
- C1B7E9
≈ Purple Sand
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.12:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.12:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-tart: #eaaea9;
--sweet-tart-rgb: 234 174 169;
--sweet-tart-oklch: oklch(0.805 0.071 24.2);
}
.element {
color: var(--sweet-tart);
background-color: hsl(5 61% 79%);
border-color: oklch(0.805 0.071 24.2);
}Tailwind CSS v4
@theme {
--color-sweet-tart: #eaaea9;
--color-sweet-tart-50: #ffeeeb;
--color-sweet-tart-100: #ffdfdc;
--color-sweet-tart-200: #f1c9c4;
--color-sweet-tart-300: #daaaa4;
--color-sweet-tart-400: #c58e8a;
--color-sweet-tart-500: #b1736f;
--color-sweet-tart-600: #95625e;
--color-sweet-tart-700: #784e4b;
--color-sweet-tart-800: #593837;
--color-sweet-tart-900: #3e2726;
--color-sweet-tart-950: #271514;
}SCSS
$sweet-tart: #eaaea9;
$sweet-tart-rgb: 234, 174, 169;
$sweet-tart-light: mix(#fff, $sweet-tart, 20%);
$sweet-tart-dark: mix(#000, $sweet-tart, 20%);
.element {
color: $sweet-tart;
box-shadow: 0 0 0 2px rgba($sweet-tart, 0.35);
}