Nazwany kolor · #AB9B9C
Coffee Custard
Coffee Custard to #AB9B9C: rgb(171 155 156), hsl(356 9% 64%), oklch(0.704 0.019 13.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Coffee Custard color name →
#AB9B9C
oklch(0.704 0.019 13.3)
Konwersje koloru
- HEX
- #ab9b9c
- RGB
- rgb(171 155 156)
- HSL
- hsl(356 9% 64%)
- HWB
- hwb(356 61% 33%)
- OKLCH
- oklch(0.704 0.019 13.3)
- OKLab
- oklab(0.704 0.018 0.004)
- CIE Lab
- lab(65.42 6.2 1.72)
- LCH
- lch(65.42 6.44 15.5)
- CMYK
- cmyk(0% 9% 9% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B3A5A5
- BBAEAF
- C4B8B9
- CCC2C3
- D4CCCC
- DDD6D6
- E5E0E0
- EEEAEA
- F6F5F5
Odcienie ciemniejsze
- 948687
- 7E7273
- 685E5F
- 544B4C
- 403939
- 2D2828
- 1B1818
- 0B0909
- 010101
Tony
- A79899
- A29696
- 9E9393
- 9A9091
- 958D8E
- 918B8B
- 8D8888
- 888586
- 848383
Harmonie kolorów
Komplementarna +180°
- AB9B9C
Coffee Custard
- 93A3A3
≈ Dusty Sky
Analogowa -30° +30°
- AB9B9C
Coffee Custard
- A99BA3
≈ Laylock
- AA9C96
≈ Smoked Mauve
Triada +120° +240°
- AB9B9C
Coffee Custard
- 9BA296
≈ Spring Spirits
- 98A0AB
≈ Shining Knight
Komplementarna rozszczepiona +150° +210°
- AB9B9C
Coffee Custard
- 96A39C
≈ Olive Soap
- 94A2A8
≈ Dusty Sky
Tetrada +90° +180° +270°
- AB9B9C
Coffee Custard
- A1A093
≈ Pussywillow Grey
- 93A3A3
≈ Dusty Sky
- 9E9EAB
≈ Adhesion
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.65:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.90:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--coffee-custard: #ab9b9c;
--coffee-custard-rgb: 171 155 156;
--coffee-custard-oklch: oklch(0.704 0.019 13.3);
}
.element {
color: var(--coffee-custard);
background-color: hsl(356 9% 64%);
border-color: oklch(0.704 0.019 13.3);
}Tailwind CSS v4
@theme {
--color-coffee-custard: #ab9b9c;
--color-coffee-custard-50: #faf3f3;
--color-coffee-custard-100: #eee5e6;
--color-coffee-custard-200: #dcd1d1;
--color-coffee-custard-300: #c1b4b4;
--color-coffee-custard-400: #a99a9b;
--color-coffee-custard-500: #928182;
--color-coffee-custard-600: #7c6d6e;
--color-coffee-custard-700: #635858;
--color-coffee-custard-800: #494041;
--color-coffee-custard-900: #322c2d;
--color-coffee-custard-950: #1e191a;
}SCSS
$coffee-custard: #ab9b9c;
$coffee-custard-rgb: 171, 155, 156;
$coffee-custard-light: mix(#fff, $coffee-custard, 20%);
$coffee-custard-dark: mix(#000, $coffee-custard, 20%);
.element {
color: $coffee-custard;
box-shadow: 0 0 0 2px rgba($coffee-custard, 0.35);
}