Benannte Farbe · #BDA89C
Putty Grey
Putty Grey ist #BDA89C: rgb(189 168 156), hsl(22 20% 68%), oklch(0.746 0.03 51.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Putty Grey color name →
#BDA89C
oklch(0.746 0.03 51.7)
Farbumrechnungen
- HEX
- #bda89c
- RGB
- rgb(189 168 156)
- HSL
- hsl(22 20% 68%)
- HWB
- hwb(22 61% 26%)
- OKLCH
- oklch(0.746 0.03 51.7)
- OKLab
- oklab(0.746 0.019 0.023)
- CIE Lab
- lab(70.46 6.42 9.16)
- LCH
- lch(70.46 11.18 55)
- CMYK
- cmyk(0% 11% 17% 26%)
Tints · Shades · Tones
Tints
- C4B0A6
- CAB9AF
- D1C1B9
- D7CAC3
- DED3CD
- E4DBD6
- EBE4E0
- F2EDEB
- F8F6F5
Shades
- A49287
- 8C7C73
- 74675F
- 5D524C
- 473F39
- 332C28
- 1F1A18
- 0D0A09
- 020101
Tones
- B7A499
- B1A096
- AA9C94
- A49891
- 9E948E
- 98908B
- 928C88
- 8C8886
- 868483
Farbharmonien
Komplementär +180°
- BDA89C
Putty Grey
- 9BB1BD
≈ Cloudless Day
Analog -30° +30°
- BDA89C
Putty Grey
- BFA6A4
≈ Florida Grey
- B6AB98
≈ Langdon Dove
Triadisch +120° +240°
- BDA89C
Putty Grey
- 9BB3AA
≈ Tiamo
- ADAABF
≈ Cream Violet
Geteilt komplementär +150° +210°
- BDA89C
Putty Grey
- 98B3B5
≈ Ether
- A3ADC0
≈ Feather Soft Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.27:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.24:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--putty-grey: #bda89c;
--putty-grey-rgb: 189 168 156;
--putty-grey-oklch: oklch(0.746 0.03 51.7);
}
.element {
color: var(--putty-grey);
background-color: hsl(22 20% 68%);
border-color: oklch(0.746 0.03 51.7);
}Tailwind CSS v4
@theme {
--color-putty-grey: #bda89c;
--color-putty-grey-50: #fcf3ed;
--color-putty-grey-100: #f0e5df;
--color-putty-grey-200: #dfd1c9;
--color-putty-grey-300: #c4b4a9;
--color-putty-grey-400: #ae9a8f;
--color-putty-grey-500: #978174;
--color-putty-grey-600: #806d63;
--color-putty-grey-700: #66574f;
--color-putty-grey-800: #4b4039;
--color-putty-grey-900: #342c27;
--color-putty-grey-950: #201915;
}SCSS
$putty-grey: #bda89c;
$putty-grey-rgb: 189, 168, 156;
$putty-grey-light: mix(#fff, $putty-grey, 20%);
$putty-grey-dark: mix(#000, $putty-grey, 20%);
.element {
color: $putty-grey;
box-shadow: 0 0 0 2px rgba($putty-grey, 0.35);
}