이름 색상 · #A6D292
Nature’s Delight
Nature’s Delight은(는) #A6D292: rgb(166 210 146), hsl(101 42% 70%), oklch(0.816 0.099 136.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Nature’s Delight color name →
#A6D292
oklch(0.816 0.099 136.2)
색상 변환
- HEX
- #a6d292
- RGB
- rgb(166 210 146)
- HSL
- hsl(101 42% 70%)
- HWB
- hwb(101 57% 18%)
- OKLCH
- oklch(0.816 0.099 136.2)
- OKLab
- oklab(0.816 -0.071 0.068)
- CIE Lab
- lab(79.86 -23.74 26.92)
- LCH
- lch(79.86 35.89 131.4)
- CMYK
- cmyk(21% 0% 30% 18%)
틴트 · 셰이드 · 톤
틴트
- AFD79D
- B8DBA8
- C1E0B3
- C9E4BE
- D2E9C9
- DBEDD3
- E4F2DE
- EDF6E9
- F6FBF4
셰이드
- 90B67E
- 7A9B6B
- 658158
- 516846
- 3E5035
- 2B3925
- 1A2416
- 0A1008
- 010201
톤
- A2CA91
- 9FC18F
- 9BB98D
- 97B18C
- 93A88A
- 8FA088
- 8C9886
- 889084
- 848882
색 조화
보색 +180°
- A6D292
Nature’s Delight
- DCB0EE
≈ Petal Plush
유사색 -30° +30°
- A6D292
Nature’s Delight
- CBC77B
≈ Muted Lime
- 81D8B5
≈ Tadorna Teal
삼각 배색 +120° +240°
- A6D292
Nature’s Delight
- 9BC6FF
≈ Apocyan
- FCA9AD
≈ Apricot Haze
분열 보색 +150° +210°
- A6D292
Nature’s Delight
- BDBAFF
≈ Dried Lilac
- F2A9D0
≈ Waddles Pink
사각 배색 +90° +180° +270°
- A6D292
Nature’s Delight
- 78D0F4
≈ Heisenberg Blue
- DCB0EE
≈ Petal Plush
- F9AF8C
≈ Orange Grove
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.25:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--nature-s-delight: #a6d292;
--nature-s-delight-rgb: 166 210 146;
--nature-s-delight-oklch: oklch(0.816 0.099 136.2);
}
.element {
color: var(--nature-s-delight);
background-color: hsl(101 42% 70%);
border-color: oklch(0.816 0.099 136.2);
}Tailwind CSS v4
@theme {
--color-nature-s-delight: #a6d292;
--color-nature-s-delight-50: #e8fce1;
--color-nature-s-delight-100: #d8f0d1;
--color-nature-s-delight-200: #c0dfb6;
--color-nature-s-delight-300: #9fc493;
--color-nature-s-delight-400: #84ac71;
--color-nature-s-delight-500: #679551;
--color-nature-s-delight-600: #587e45;
--color-nature-s-delight-700: #466537;
--color-nature-s-delight-800: #344a26;
--color-nature-s-delight-900: #233319;
--color-nature-s-delight-950: #121f0a;
}SCSS
$nature-s-delight: #a6d292;
$nature-s-delight-rgb: 166, 210, 146;
$nature-s-delight-light: mix(#fff, $nature-s-delight, 20%);
$nature-s-delight-dark: mix(#000, $nature-s-delight, 20%);
.element {
color: $nature-s-delight;
box-shadow: 0 0 0 2px rgba($nature-s-delight, 0.35);
}