Nazwany kolor · #D6D5D2
Light Brume
Light Brume to #D6D5D2: rgb(214 213 210), hsl(45 5% 83%), oklch(0.873 0.004 91.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Brume color name →
#D6D5D2
oklch(0.873 0.004 91.5)
Konwersje koloru
- HEX
- #d6d5d2
- RGB
- rgb(214 213 210)
- HSL
- hsl(45 5% 83%)
- HWB
- hwb(45 82% 16%)
- OKLCH
- oklch(0.873 0.004 91.5)
- OKLab
- oklab(0.873 0 0.004)
- CIE Lab
- lab(85.29 -0.05 1.61)
- LCH
- lch(85.29 1.61 91.7)
- CMYK
- cmyk(0% 0% 2% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAD9D6
- DEDDDB
- E2E1DF
- E6E6E4
- EAEAE8
- EEEEED
- F3F2F1
- F7F6F6
- FBFBFA
Odcienie ciemniejsze
- BAB9B6
- 9E9E9B
- 848381
- 6A6A68
- 525150
- 3B3A39
- 252424
- 101010
- 020202
Tony
- CDCCC9
- C4C3C1
- BBBBB9
- B3B2B0
- AAAAA8
- A1A1A0
- 999998
- 919090
- 888888
Harmonie kolorów
Komplementarna +180°
- D6D5D2
Light Brume
- D4D5D8
≈ Mirror Ball
Analogowa -30° +30°
- D6D5D2
Light Brume
- D7D4D2
≈ Mandarin Tusk
- D5D6D2
≈ Modern Monument
Triada +120° +240°
- D6D5D2
Light Brume
- D2D6D7
≈ Twilight Grey
- D7D4D6
≈ Mirror Ball
Komplementarna rozszczepiona +150° +210°
- D6D5D2
Light Brume
- D3D5D8
≈ Sparkling Frost
- D5D4D7
≈ Mirror Ball
Tetrada +90° +180° +270°
- D6D5D2
Light Brume
- D2D6D5
≈ Twilight Grey
- D4D5D8
≈ Mirror Ball
- D8D4D5
≈ Mandarin Tusk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.30:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-brume: #d6d5d2;
--light-brume-rgb: 214 213 210;
--light-brume-oklch: oklch(0.873 0.004 91.5);
}
.element {
color: var(--light-brume);
background-color: hsl(45 5% 83%);
border-color: oklch(0.873 0.004 91.5);
}Tailwind CSS v4
@theme {
--color-light-brume: #d6d5d2;
--color-light-brume-50: #f5f5f4;
--color-light-brume-100: #e8e8e6;
--color-light-brume-200: #d5d4d2;
--color-light-brume-300: #b8b7b5;
--color-light-brume-400: #9f9e9c;
--color-light-brume-500: #878683;
--color-light-brume-600: #72716f;
--color-light-brume-700: #5b5b59;
--color-light-brume-800: #434241;
--color-light-brume-900: #2e2e2d;
--color-light-brume-950: #1b1b1a;
}SCSS
$light-brume: #d6d5d2;
$light-brume-rgb: 214, 213, 210;
$light-brume-light: mix(#fff, $light-brume, 20%);
$light-brume-dark: mix(#000, $light-brume, 20%);
.element {
color: $light-brume;
box-shadow: 0 0 0 2px rgba($light-brume, 0.35);
}