가장 가까운 이름 색상 · #ADE1AB
#ADE1AB
가장 가까운 이름 색상: Celadon
#ADE1AB(rgb(173 225 171), hsl(118 47% 78%), oklch(0.86 0.091 143.8))와 가장 가까운 이름 색상은 Celadon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#ADE1AB
oklch(0.86 0.091 143.8)
색상 변환
- HEX
- #ade1ab
- RGB
- rgb(173 225 171)
- HSL
- hsl(118 47% 78%)
- HWB
- hwb(118 67% 12%)
- OKLCH
- oklch(0.86 0.091 143.8)
- OKLab
- oklab(0.86 -0.074 0.054)
- CIE Lab
- lab(84.87 -25.07 20.86)
- LCH
- lch(84.87 32.62 140.2)
- CMYK
- cmyk(23% 0% 24% 12%)
틴트 · 셰이드 · 톤
틴트
- B5E4B3
- BEE7BC
- C6EAC4
- CEEDCD
- D6F0D5
- DFF3DD
- E7F6E6
- EFF9EE
- F7FCF7
셰이드
- 96C494
- 7FA77E
- 6A8B68
- 557054
- 415640
- 2D3E2D
- 1B271B
- 0B120B
- 010201
톤
- A9D7A7
- A4CDA3
- A0C39E
- 9BB99A
- 97B096
- 92A691
- 8E9C8D
- 899389
- 858984
색 조화
보색 +180°
- ADE1AB
Celadon
- EFBDF3
≈ Lovecloud
유사색 -30° +30°
- ADE1AB
Celadon
- D0D892
≈ Vacation Island
- 8FE5CC
≈ Clean Green
삼각 배색 +120° +240°
- ADE1AB
Celadon
- BAD1FF
≈ Ice Cold Stare
- FFBEB9
≈ Peach Scone
분열 보색 +150° +210°
- ADE1AB
Celadon
- D3C8FF
≈ Innocent Snowdrop
- FFBAD5
≈ Cotton Candy
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.13:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--celadon: #ade1ab;
--celadon-rgb: 173 225 171;
--celadon-oklch: oklch(0.86 0.091 143.8);
}
.element {
color: var(--celadon);
background-color: hsl(118 47% 78%);
border-color: oklch(0.86 0.091 143.8);
}Tailwind CSS v4
@theme {
--color-celadon: #ade1ab;
--color-celadon-50: #e5fde6;
--color-celadon-100: #d5f1d6;
--color-celadon-200: #bcdfbd;
--color-celadon-300: #9ac49c;
--color-celadon-400: #7dad7c;
--color-celadon-500: #5f965e;
--color-celadon-600: #517f50;
--color-celadon-700: #416640;
--color-celadon-800: #304a2c;
--color-celadon-900: #20341e;
--color-celadon-950: #101f0e;
}SCSS
$celadon: #ade1ab;
$celadon-rgb: 173, 225, 171;
$celadon-light: mix(#fff, $celadon, 20%);
$celadon-dark: mix(#000, $celadon, 20%);
.element {
color: $celadon;
box-shadow: 0 0 0 2px rgba($celadon, 0.35);
}