Nazwany kolor · #ACA397
Quail Ridge
Quail Ridge to #ACA397: rgb(172 163 151), hsl(34 11% 63%), oklch(0.72 0.02 75.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Quail Ridge color name →
#ACA397
oklch(0.72 0.02 75.3)
Konwersje koloru
- HEX
- #aca397
- RGB
- rgb(172 163 151)
- HSL
- hsl(34 11% 63%)
- HWB
- hwb(34 59% 33%)
- OKLCH
- oklch(0.72 0.02 75.3)
- OKLab
- oklab(0.72 0.005 0.019)
- CIE Lab
- lab(67.51 1.81 7.49)
- LCH
- lch(67.51 7.7 76.4)
- CMYK
- cmyk(0% 5% 12% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4ACA1
- BCB5AB
- C4BEB5
- CDC7BF
- D5D0CA
- DDD9D4
- E6E3DF
- EEECE9
- F6F5F4
Odcienie ciemniejsze
- 958D83
- 7F786F
- 69635C
- 544F49
- 403C37
- 2D2A26
- 1B1917
- 0B0A08
- 010101
Tony
- A89F95
- A39C92
- 9F9890
- 9A958E
- 96918B
- 918E89
- 8D8A87
- 898785
- 848382
Harmonie kolorów
Komplementarna +180°
- ACA397
Quail Ridge
- 9CA5B1
≈ Great Falls
Analogowa -30° +30°
- ACA397
Quail Ridge
- B0A19A
≈ Moleskin
- A6A597
≈ Historical Grey
Triada +120° +240°
- ACA397
Quail Ridge
- 97A9A8
≈ Oily Steel
- A9A1AD
≈ Luxe Lilac
Komplementarna rozszczepiona +150° +210°
- ACA397
Quail Ridge
- 98A7AE
≈ Celestra Grey
- A3A3B1
≈ Pandemonium
Tetrada +90° +180° +270°
- ACA397
Quail Ridge
- 9AA9A1
≈ Halcyon Green
- 9CA5B1
≈ Great Falls
- AEA0A7
≈ Beijing Moon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.48:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.43:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--quail-ridge: #aca397;
--quail-ridge-rgb: 172 163 151;
--quail-ridge-oklch: oklch(0.72 0.02 75.3);
}
.element {
color: var(--quail-ridge);
background-color: hsl(34 11% 63%);
border-color: oklch(0.72 0.02 75.3);
}Tailwind CSS v4
@theme {
--color-quail-ridge: #aca397;
--color-quail-ridge-50: #f8f4ef;
--color-quail-ridge-100: #ece7e1;
--color-quail-ridge-200: #d9d3cb;
--color-quail-ridge-300: #bdb6ac;
--color-quail-ridge-400: #a59d92;
--color-quail-ridge-500: #8e8578;
--color-quail-ridge-600: #787066;
--color-quail-ridge-700: #605a51;
--color-quail-ridge-800: #47413b;
--color-quail-ridge-900: #312d28;
--color-quail-ridge-950: #1d1a16;
}SCSS
$quail-ridge: #aca397;
$quail-ridge-rgb: 172, 163, 151;
$quail-ridge-light: mix(#fff, $quail-ridge, 20%);
$quail-ridge-dark: mix(#000, $quail-ridge, 20%);
.element {
color: $quail-ridge;
box-shadow: 0 0 0 2px rgba($quail-ridge, 0.35);
}