Nazwany kolor · #AAAE9A
Desert Pear
Desert Pear to #AAAE9A: rgb(170 174 154), hsl(72 11% 64%), oklch(0.742 0.028 116.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Desert Pear color name →
#AAAE9A
oklch(0.742 0.028 116.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2B6A4
- BABEAE
- C3C6B7
- CBCEC1
- D4D6CB
- DCDED6
- E5E6E0
- EDEEEA
- F6F7F5
Odcienie ciemniejsze
- 939785
- 7D8071
- 686A5E
- 53554B
- 3F4139
- 2D2E27
- 1B1C17
- 0B0B09
- 010101
Tony
- A6A997
- A1A595
- 9DA092
- 999B90
- 95978D
- 91928A
- 8C8E88
- 888985
- 848483
Harmonie kolorów
Komplementarna +180°
- AAAE9A
Desert Pear
- ADA8BC
≈ Morning Mist Grey
Analogowa -30° +30°
- AAAE9A
Desert Pear
- B3AB98
≈ Shaggy Barked
- A0B1A1
≈ Grass Sands
Triada +120° +240°
- AAAE9A
Desert Pear
- 9BAFBB
≈ Rainy Sidewalk
- BBA4AC
≈ Cold Pink
Komplementarna rozszczepiona +150° +210°
- AAAE9A
Desert Pear
- A3ABBE
≈ Lilac Time
- B5A6B5
≈ Plum Frost
Tetrada +90° +180° +270°
- AAAE9A
Desert Pear
- 98B1B4
≈ Ether
- ADA8BC
≈ Morning Mist Grey
- BDA5A2
≈ Florida Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.23:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
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);
}