Nazwany kolor · #C9C2BD
White Gauze
White Gauze to #C9C2BD: rgb(201 194 189), hsl(25 10% 76%), oklch(0.818 0.011 58.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · White Gauze color name →
#C9C2BD
oklch(0.818 0.011 58.2)
Konwersje koloru
- HEX
- #c9c2bd
- RGB
- rgb(201 194 189)
- HSL
- hsl(25 10% 76%)
- HWB
- hwb(25 74% 21%)
- OKLCH
- oklch(0.818 0.011 58.2)
- OKLab
- oklab(0.818 0.006 0.009)
- CIE Lab
- lab(78.9 1.87 3.44)
- LCH
- lch(78.9 3.92 61.4)
- CMYK
- cmyk(0% 3% 6% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEC8C3
- D4CECA
- D9D4D0
- DEDAD7
- E4E0DE
- E9E6E4
- EFECEB
- F4F3F2
- FAF9F8
Odcienie ciemniejsze
- AEA8A4
- 958F8C
- 7C7774
- 64605D
- 4C4947
- 363433
- 22201F
- 0F0E0D
- 020202
Tony
- C1BBB7
- BAB4B0
- B2AEAA
- ABA7A4
- A4A09E
- 9C9A98
- 959392
- 8E8D8C
- 878686
Harmonie kolorów
Komplementarna +180°
- C9C2BD
White Gauze
- BEC5CA
≈ Bottlefly Wings
Analogowa -30° +30°
- C9C2BD
White Gauze
- CAC1C0
≈ White Flag
- C6C3BC
≈ Overdue Grey
Triada +120° +240°
- C9C2BD
White Gauze
- BDC6C3
≈ Pewter Tray
- C4C2CA
≈ Satire
Komplementarna rozszczepiona +150° +210°
- C9C2BD
White Gauze
- BCC6C7
≈ Stormhost Silver
- C0C3CB
≈ Bottlefly Wings
Tetrada +90° +180° +270°
- C9C2BD
White Gauze
- BFC5C0
≈ Pewter Tray
- BEC5CA
≈ Bottlefly Wings
- C7C1C7
≈ Whisper Soft
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.93:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--white-gauze: #c9c2bd;
--white-gauze-rgb: 201 194 189;
--white-gauze-oklch: oklch(0.818 0.011 58.2);
}
.element {
color: var(--white-gauze);
background-color: hsl(25 10% 76%);
border-color: oklch(0.818 0.011 58.2);
}Tailwind CSS v4
@theme {
--color-white-gauze: #c9c2bd;
--color-white-gauze-50: #f7f4f2;
--color-white-gauze-100: #ebe7e4;
--color-white-gauze-200: #d8d3d0;
--color-white-gauze-300: #bcb6b2;
--color-white-gauze-400: #a39d98;
--color-white-gauze-500: #8c857f;
--color-white-gauze-600: #76706c;
--color-white-gauze-700: #5f5a56;
--color-white-gauze-800: #45413f;
--color-white-gauze-900: #302d2b;
--color-white-gauze-950: #1c1a19;
}SCSS
$white-gauze: #c9c2bd;
$white-gauze-rgb: 201, 194, 189;
$white-gauze-light: mix(#fff, $white-gauze, 20%);
$white-gauze-dark: mix(#000, $white-gauze, 20%);
.element {
color: $white-gauze;
box-shadow: 0 0 0 2px rgba($white-gauze, 0.35);
}