이름 색상 · #ECEBC9
Iced Green Apple
Iced Green Apple은(는) #ECEBC9: rgb(236 235 201), hsl(58 48% 86%), oklch(0.932 0.045 105.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Iced Green Apple color name →
#ECEBC9
oklch(0.932 0.045 105.9)
색상 변환
- HEX
- #ecebc9
- RGB
- rgb(236 235 201)
- HSL
- hsl(58 48% 86%)
- HWB
- hwb(58 79% 7%)
- OKLCH
- oklch(0.932 0.045 105.9)
- OKLab
- oklab(0.932 -0.012 0.043)
- CIE Lab
- lab(92.47 -3.81 16.71)
- LCH
- lch(92.47 17.14 102.8)
- CMYK
- cmyk(0% 0% 15% 7%)
틴트 · 셰이드 · 톤
틴트
- EEEDCE
- F0EFD4
- F2F1D9
- F4F3DF
- F5F5E4
- F7F7E9
- F9F9EF
- FBFBF4
- FDFDFA
셰이드
- CDCCAE
- AFAE95
- 92917C
- 767564
- 5B5B4C
- 424136
- 292922
- 13130F
- 030302
톤
- E1E0C2
- D5D5BA
- CACAB3
- BFBFAB
- B4B4A4
- AAA99D
- 9F9F96
- 95948E
- 8A8A87
색 조화
보색 +180°
- ECEBC9
Iced Green Apple
- E6E6FF
≈ Lavender Mist
유사색 -30° +30°
- ECEBC9
Iced Green Apple
- FAE5C8
≈ Quiet Splendour
- DCF0D2
≈ Blue Romance
삼각 배색 +120° +240°
- ECEBC9
Iced Green Apple
- CBEFFF
≈ Heaven’s Gate
- FFDEEF
≈ Transparent Pink
분열 보색 +150° +210°
- ECEBC9
Iced Green Apple
- DBEAFF
≈ Cloudless
- F5E0FD
≈ Lavender Savour
사각 배색 +90° +180° +270°
- ECEBC9
Iced Green Apple
- C7F2F2
≈ Vaporised
- E6E6FF
≈ Lavender Mist
- FFE0E1
≈ Red Remains
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.21:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.29:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.29:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--iced-green-apple: #ecebc9;
--iced-green-apple-rgb: 236 235 201;
--iced-green-apple-oklch: oklch(0.932 0.045 105.9);
}
.element {
color: var(--iced-green-apple);
background-color: hsl(58 48% 86%);
border-color: oklch(0.932 0.045 105.9);
}Tailwind CSS v4
@theme {
--color-iced-green-apple: #ecebc9;
--color-iced-green-apple-50: #f6f6e8;
--color-iced-green-apple-100: #e9e9d8;
--color-iced-green-apple-200: #d6d6c0;
--color-iced-green-apple-300: #b9b9a0;
--color-iced-green-apple-400: #a1a082;
--color-iced-green-apple-500: #8a8866;
--color-iced-green-apple-600: #757357;
--color-iced-green-apple-700: #5d5c45;
--color-iced-green-apple-800: #454331;
--color-iced-green-apple-900: #302e21;
--color-iced-green-apple-950: #1c1b11;
}SCSS
$iced-green-apple: #ecebc9;
$iced-green-apple-rgb: 236, 235, 201;
$iced-green-apple-light: mix(#fff, $iced-green-apple, 20%);
$iced-green-apple-dark: mix(#000, $iced-green-apple, 20%);
.element {
color: $iced-green-apple;
box-shadow: 0 0 0 2px rgba($iced-green-apple, 0.35);
}