이름 색상 · #AAAE9A
Desert Pear
Desert Pear은(는) #AAAE9A: rgb(170 174 154), hsl(72 11% 64%), oklch(0.742 0.028 116.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Desert Pear color name →
#AAAE9A
oklch(0.742 0.028 116.3)
색상 변환
- HEX
- #aaae9a
- RGB
- rgb(170 174 154)
- HSL
- hsl(72 11% 64%)
- HWB
- hwb(72 60% 32%)
- OKLCH
- oklch(0.742 0.028 116.3)
- OKLab
- oklab(0.742 -0.013 0.025)
- CIE Lab
- lab(70.35 -4.16 9.8)
- LCH
- lch(70.35 10.65 113)
- CMYK
- cmyk(2% 0% 11% 32%)
틴트 · 셰이드 · 톤
틴트
- B2B6A4
- BABEAE
- C3C6B7
- CBCEC1
- D4D6CB
- DCDED6
- E5E6E0
- EDEEEA
- F6F7F5
셰이드
- 939785
- 7D8071
- 686A5E
- 53554B
- 3F4139
- 2D2E27
- 1B1C17
- 0B0B09
- 010101
톤
- A6A997
- A1A595
- 9DA092
- 999B90
- 95978D
- 91928A
- 8C8E88
- 888985
- 848483
색 조화
보색 +180°
- AAAE9A
Desert Pear
- ADA8BC
≈ Morning Mist Grey
유사색 -30° +30°
- AAAE9A
Desert Pear
- B3AB98
≈ Shaggy Barked
- A0B1A1
≈ Grass Sands
삼각 배색 +120° +240°
- AAAE9A
Desert Pear
- 9BAFBB
≈ Rainy Sidewalk
- BBA4AC
≈ Cold Pink
분열 보색 +150° +210°
- AAAE9A
Desert Pear
- A3ABBE
≈ Lilac Time
- B5A6B5
≈ Plum Frost
사각 배색 +90° +180° +270°
- AAAE9A
Desert Pear
- 98B1B4
≈ Ether
- ADA8BC
≈ Morning Mist Grey
- BDA5A2
≈ Florida Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.23:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--desert-pear: #aaae9a;
--desert-pear-rgb: 170 174 154;
--desert-pear-oklch: oklch(0.742 0.028 116.3);
}
.element {
color: var(--desert-pear);
background-color: hsl(72 11% 64%);
border-color: oklch(0.742 0.028 116.3);
}Tailwind CSS v4
@theme {
--color-desert-pear: #aaae9a;
--color-desert-pear-50: #f4f6ed;
--color-desert-pear-100: #e7e9df;
--color-desert-pear-200: #d3d6c9;
--color-desert-pear-300: #b6baaa;
--color-desert-pear-400: #9da18e;
--color-desert-pear-500: #858974;
--color-desert-pear-600: #707462;
--color-desert-pear-700: #5a5d4e;
--color-desert-pear-800: #424439;
--color-desert-pear-900: #2d2f27;
--color-desert-pear-950: #1a1b15;
}SCSS
$desert-pear: #aaae9a;
$desert-pear-rgb: 170, 174, 154;
$desert-pear-light: mix(#fff, $desert-pear, 20%);
$desert-pear-dark: mix(#000, $desert-pear, 20%);
.element {
color: $desert-pear;
box-shadow: 0 0 0 2px rgba($desert-pear, 0.35);
}