가장 가까운 이름 색상 · #A2D4B6
#A2D4B6
가장 가까운 이름 색상: Quiet Jade
#A2D4B6(rgb(162 212 182), hsl(144 37% 73%), oklch(0.827 0.067 158.2))와 가장 가까운 이름 색상은 Quiet Jade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A2D4B6
oklch(0.827 0.067 158.2)
색상 변환
- HEX
- #a2d4b6
- RGB
- rgb(162 212 182)
- HSL
- hsl(144 37% 73%)
- HWB
- hwb(144 64% 17%)
- OKLCH
- oklch(0.827 0.067 158.2)
- OKLab
- oklab(0.827 -0.062 0.025)
- CIE Lab
- lab(80.78 -21.43 9.36)
- LCH
- lch(80.78 23.38 156.4)
- CMYK
- cmyk(24% 0% 14% 17%)
틴트 · 셰이드 · 톤
틴트
- ABD8BD
- B5DDC4
- BEE1CC
- C8E5D3
- D1EADA
- DAEEE1
- E3F2E9
- EDF6F0
- F6FBF8
셰이드
- 8CB89E
- 779D86
- 63836F
- 4F6959
- 3C5144
- 2A3A30
- 19241D
- 0A100C
- 010202
톤
- 9FCBB0
- 9CC3AB
- 98BAA6
- 95B2A0
- 92A99B
- 8EA195
- 8B9990
- 87908B
- 848885
색 조화
보색 +180°
- A2D4B6
Quiet Jade
- E4B6D5
≈ Pink Gems
유사색 -30° +30°
- A2D4B6
Quiet Jade
- B9CFA1
≈ Apium
- 93D5CE
≈ Summer Soft Blue
삼각 배색 +120° +240°
- A2D4B6
Quiet Jade
- BCC3F2
≈ Vodka
- EEB8A7
≈ Jovial
분열 보색 +150° +210°
- A2D4B6
Quiet Jade
- D2BBE8
≈ Drifting Dream
- EEB5BE
≈ Frozen Veins
사각 배색 +90° +180° +270°
- A2D4B6
Quiet Jade
- A5CBF0
≈ Baby Blue Eyes
- E4B6D5
≈ Pink Gems
- E4BF98
≈ Laksa
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.62:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.62:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--quiet-jade: #a2d4b6;
--quiet-jade-rgb: 162 212 182;
--quiet-jade-oklch: oklch(0.827 0.067 158.2);
}
.element {
color: var(--quiet-jade);
background-color: hsl(144 37% 73%);
border-color: oklch(0.827 0.067 158.2);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #a2d4b6;
--color-quiet-jade-50: #e6fbef;
--color-quiet-jade-100: #d6efe0;
--color-quiet-jade-200: #bddecb;
--color-quiet-jade-300: #9ac2ac;
--color-quiet-jade-400: #7dab90;
--color-quiet-jade-500: #5f9475;
--color-quiet-jade-600: #517d64;
--color-quiet-jade-700: #40644f;
--color-quiet-jade-800: #2f4939;
--color-quiet-jade-900: #203327;
--color-quiet-jade-950: #0f1f15;
}SCSS
$quiet-jade: #a2d4b6;
$quiet-jade-rgb: 162, 212, 182;
$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);
}