가장 가까운 이름 색상 · #A6E0CC
#A6E0CC
가장 가까운 이름 색상: Quiet Jade
#A6E0CC(rgb(166 224 204), hsl(159 48% 76%), oklch(0.861 0.066 171.4))와 가장 가까운 이름 색상은 Quiet Jade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A6E0CC
oklch(0.861 0.066 171.4)
색상 변환
- HEX
- #a6e0cc
- RGB
- rgb(166 224 204)
- HSL
- hsl(159 48% 76%)
- HWB
- hwb(159 65% 12%)
- OKLCH
- oklch(0.861 0.066 171.4)
- OKLab
- oklab(0.861 -0.065 0.01)
- CIE Lab
- lab(84.78 -22.34 3.52)
- LCH
- lch(84.78 22.61 171)
- CMYK
- cmyk(26% 0% 9% 12%)
틴트 · 셰이드 · 톤
틴트
- AFE3D1
- B8E6D6
- C2E9DB
- CAEDE0
- D3F0E5
- DCF3EA
- E5F6EF
- EEF9F5
- F6FCFA
셰이드
- 90C3B1
- 7AA697
- 658A7E
- 517065
- 3E564E
- 2B3E37
- 1A2722
- 0A120F
- 010202
톤
- A3D6C4
- 9FCCBC
- 9BC2B5
- 98B9AD
- 94AFA5
- 90A59E
- 8C9C96
- 88938F
- 848987
색 조화
보색 +180°
- A6E0CC
Quiet Jade
- F4C0D6
≈ Cherry Blossom
유사색 -30° +30°
- A6E0CC
Quiet Jade
- BADDB5
≈ A Mann’s Mint
- 9EDFE3
≈ Aqua Spray
삼각 배색 +120° +240°
- A6E0CC
Quiet Jade
- D1CAFA
≈ Lavender Blue
- F5C6AB
≈ Peach Damask
분열 보색 +150° +210°
- A6E0CC
Quiet Jade
- E6C4EC
≈ Prom Corsage
- FAC1BF
≈ Carnation Bloom
사각 배색 +90° +180° +270°
- A6E0CC
Quiet Jade
- BAD2FD
≈ Ice Cold Stare
- F4C0D6
≈ Cherry Blossom
- E8CEA1
≈ Hazy Yellow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.15:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.15:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--quiet-jade: #a6e0cc;
--quiet-jade-rgb: 166 224 204;
--quiet-jade-oklch: oklch(0.861 0.066 171.4);
}
.element {
color: var(--quiet-jade);
background-color: hsl(159 48% 76%);
border-color: oklch(0.861 0.066 171.4);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #a6e0cc;
--color-quiet-jade-50: #e3fcf3;
--color-quiet-jade-100: #d3efe6;
--color-quiet-jade-200: #b9ded2;
--color-quiet-jade-300: #95c3b4;
--color-quiet-jade-400: #76ab9a;
--color-quiet-jade-500: #569581;
--color-quiet-jade-600: #4a7e6d;
--color-quiet-jade-700: #3b6557;
--color-quiet-jade-800: #2a4a3f;
--color-quiet-jade-900: #1c332b;
--color-quiet-jade-950: #0c1f18;
}SCSS
$quiet-jade: #a6e0cc;
$quiet-jade-rgb: 166, 224, 204;
$quiet-jade-light: mix(#fff, $quiet-jade, 20%);
$quiet-jade-dark: mix(#000, $quiet-jade, 20%);
.element {
color: $quiet-jade;
box-shadow: 0 0 0 2px rgba($quiet-jade, 0.35);
}