Nazwany kolor · #D5D3C7
Barest Hush
Barest Hush to #D5D3C7: rgb(213 211 199), hsl(51 14% 81%), oklch(0.865 0.016 99). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Barest Hush color name →
#D5D3C7
oklch(0.865 0.016 99)
Konwersje koloru
- HEX
- #d5d3c7
- RGB
- rgb(213 211 199)
- HSL
- hsl(51 14% 81%)
- HWB
- hwb(51 78% 16%)
- OKLCH
- oklch(0.865 0.016 99)
- OKLab
- oklab(0.865 -0.003 0.016)
- CIE Lab
- lab(84.47 -0.85 6.22)
- LCH
- lch(84.47 6.28 97.8)
- CMYK
- cmyk(0% 1% 7% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9D7CD
- DDDCD2
- E1E0D8
- E6E4DD
- EAE9E3
- EEEDE8
- F2F2EE
- F6F6F4
- FBFBF9
Odcienie ciemniejsze
- B9B7AD
- 9E9C93
- 83827A
- 6A6962
- 51514C
- 3A3A36
- 242421
- 10100E
- 020202
Tony
- CCCAC0
- C3C2B8
- BBB9B1
- B2B1AA
- AAA9A3
- A1A09C
- 999895
- 90908E
- 888887
Harmonie kolorów
Komplementarna +180°
- D5D3C7
Barest Hush
- D0D2DE
≈ Light Horizon Sky
Analogowa -30° +30°
- D5D3C7
Barest Hush
- DAD1C7
≈ Jodhpur Tan
- CFD5CA
≈ Aspen Mist
Triada +120° +240°
- D5D3C7
Barest Hush
- C7D5DA
≈ Ice Rink Blue
- DACFD6
≈ Stardust Ballroom
Komplementarna rozszczepiona +150° +210°
- D5D3C7
Barest Hush
- CBD4DD
≈ Ephemeral Blue
- D6D0DB
≈ Iron Maiden
Tetrada +90° +180° +270°
- D5D3C7
Barest Hush
- C7D6D5
≈ Skydiving
- D0D2DE
≈ Light Horizon Sky
- DDCED0
≈ Light Pink Linen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.97:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 13.97:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--barest-hush: #d5d3c7;
--barest-hush-rgb: 213 211 199;
--barest-hush-oklch: oklch(0.865 0.016 99);
}
.element {
color: var(--barest-hush);
background-color: hsl(51 14% 81%);
border-color: oklch(0.865 0.016 99);
}Tailwind CSS v4
@theme {
--color-barest-hush: #d5d3c7;
--color-barest-hush-50: #f6f5f0;
--color-barest-hush-100: #e9e8e2;
--color-barest-hush-200: #d5d4cd;
--color-barest-hush-300: #b9b8ae;
--color-barest-hush-400: #a19f94;
--color-barest-hush-500: #89877a;
--color-barest-hush-600: #747268;
--color-barest-hush-700: #5c5b53;
--color-barest-hush-800: #44423c;
--color-barest-hush-900: #2f2e29;
--color-barest-hush-950: #1b1b17;
}SCSS
$barest-hush: #d5d3c7;
$barest-hush-rgb: 213, 211, 199;
$barest-hush-light: mix(#fff, $barest-hush, 20%);
$barest-hush-dark: mix(#000, $barest-hush, 20%);
.element {
color: $barest-hush;
box-shadow: 0 0 0 2px rgba($barest-hush, 0.35);
}