이름 색상 · #A9D99C
Cool Aloe
Cool Aloe은(는) #A9D99C: rgb(169 217 156), hsl(107 45% 73%), oklch(0.836 0.097 139.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Cool Aloe color name →
#A9D99C
oklch(0.836 0.097 139.1)
색상 변환
- HEX
- #a9d99c
- RGB
- rgb(169 217 156)
- HSL
- hsl(107 45% 73%)
- HWB
- hwb(107 61% 15%)
- OKLCH
- oklch(0.836 0.097 139.1)
- OKLab
- oklab(0.836 -0.073 0.064)
- CIE Lab
- lab(82.16 -24.68 24.87)
- LCH
- lch(82.16 35.04 134.8)
- CMYK
- cmyk(22% 0% 28% 15%)
틴트 · 셰이드 · 톤
틴트
- B2DDA6
- BAE1B0
- C3E5BA
- CBE9C4
- D4ECCE
- DDF0D7
- E5F4E1
- EEF8EB
- F6FBF5
셰이드
- 92BC87
- 7CA173
- 67865F
- 536C4C
- 3F5339
- 2C3B28
- 1B2518
- 0A1109
- 010201
톤
- A5D099
- A1C797
- 9DBE94
- 99B592
- 95AC8F
- 91A38C
- 8D9A89
- 889186
- 848983
색 조화
보색 +180°
- A9D99C
Cool Aloe
- E5B5F2
≈ Candy Dreams
유사색 -30° +30°
- A9D99C
Cool Aloe
- CECF84
≈ Sunken Treasure
- 86DEBE
≈ Āsmānī Sky
삼각 배색 +120° +240°
- A9D99C
Cool Aloe
- AACBFF
≈ Night Snow
- FFB2B2
≈ Fancy Flamingo
분열 보색 +150° +210°
- A9D99C
Cool Aloe
- C7C0FF
≈ Lavender Tonic
- FAB0D3
≈ Spaghetti Strap Pink
사각 배색 +90° +180° +270°
- A9D99C
Cool Aloe
- 83D6FC
≈ Kul Sharif Blue
- E5B5F2
≈ Candy Dreams
- FEB791
≈ Carotene
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.09:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--cool-aloe: #a9d99c;
--cool-aloe-rgb: 169 217 156;
--cool-aloe-oklch: oklch(0.836 0.097 139.1);
}
.element {
color: var(--cool-aloe);
background-color: hsl(107 45% 73%);
border-color: oklch(0.836 0.097 139.1);
}Tailwind CSS v4
@theme {
--color-cool-aloe: #a9d99c;
--color-cool-aloe-50: #e7fde3;
--color-cool-aloe-100: #d7f1d2;
--color-cool-aloe-200: #bedfb9;
--color-cool-aloe-300: #9cc496;
--color-cool-aloe-400: #81ad75;
--color-cool-aloe-500: #649656;
--color-cool-aloe-600: #557f49;
--color-cool-aloe-700: #43653a;
--color-cool-aloe-800: #324a28;
--color-cool-aloe-900: #22331b;
--color-cool-aloe-950: #111f0b;
}SCSS
$cool-aloe: #a9d99c;
$cool-aloe-rgb: 169, 217, 156;
$cool-aloe-light: mix(#fff, $cool-aloe, 20%);
$cool-aloe-dark: mix(#000, $cool-aloe, 20%);
.element {
color: $cool-aloe;
box-shadow: 0 0 0 2px rgba($cool-aloe, 0.35);
}