Nazwany kolor · #D2C8B9
Warm Putty
Warm Putty to #D2C8B9: rgb(210 200 185), hsl(36 22% 77%), oklch(0.837 0.023 78.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Warm Putty color name →
#D2C8B9
oklch(0.837 0.023 78.2)
Konwersje koloru
- HEX
- #d2c8b9
- RGB
- rgb(210 200 185)
- HSL
- hsl(36 22% 77%)
- HWB
- hwb(36 73% 18%)
- OKLCH
- oklch(0.837 0.023 78.2)
- OKLab
- oklab(0.837 0.005 0.023)
- CIE Lab
- lab(81.12 1.72 8.84)
- LCH
- lch(81.12 9.01 79)
- CMYK
- cmyk(0% 5% 12% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6CDC0
- DBD3C7
- DFD8CE
- E4DED5
- E8E3DC
- EDE9E3
- F1EEEA
- F6F4F1
- FAF9F8
Odcienie ciemniejsze
- B6AEA0
- 9B9489
- 817B71
- 68635B
- 504C46
- 393631
- 24211E
- 100F0D
- 020202
Tony
- C9C1B3
- C1B9AD
- B9B2A8
- B0ABA2
- A8A39C
- A09C96
- 989591
- 908E8B
- 888786
Harmonie kolorów
Komplementarna +180°
- D2C8B9
Warm Putty
- C0CAD9
≈ Icy Brook
Analogowa -30° +30°
- D2C8B9
Warm Putty
- D7C5BD
≈ Desert Rock
- CACBBA
≈ Livingstone
Triada +120° +240°
- D2C8B9
Warm Putty
- B9CECF
≈ Turquoise Grey
- D0C5D4
≈ Mecha Kitty
Komplementarna rozszczepiona +150° +210°
- D2C8B9
Warm Putty
- BBCDD6
≈ Light Vanilla Ice
- C8C7D8
≈ Pax
Tetrada +90° +180° +270°
- D2C8B9
Warm Putty
- BCCFC7
≈ Jet Stream
- C0CAD9
≈ Icy Brook
- D6C4CC
≈ Victorian Cottage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.70:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--warm-putty: #d2c8b9;
--warm-putty-rgb: 210 200 185;
--warm-putty-oklch: oklch(0.837 0.023 78.2);
}
.element {
color: var(--warm-putty);
background-color: hsl(36 22% 77%);
border-color: oklch(0.837 0.023 78.2);
}Tailwind CSS v4
@theme {
--color-warm-putty: #d2c8b9;
--color-warm-putty-50: #f9f5ee;
--color-warm-putty-100: #ece7df;
--color-warm-putty-200: #d9d3c9;
--color-warm-putty-300: #beb6aa;
--color-warm-putty-400: #a69d8f;
--color-warm-putty-500: #8f8575;
--color-warm-putty-600: #797063;
--color-warm-putty-700: #615a4f;
--color-warm-putty-800: #47413a;
--color-warm-putty-900: #312d27;
--color-warm-putty-950: #1d1a16;
}SCSS
$warm-putty: #d2c8b9;
$warm-putty-rgb: 210, 200, 185;
$warm-putty-light: mix(#fff, $warm-putty, 20%);
$warm-putty-dark: mix(#000, $warm-putty, 20%);
.element {
color: $warm-putty;
box-shadow: 0 0 0 2px rgba($warm-putty, 0.35);
}