Nazwany kolor · #DFD7D2
Bonjour
Bonjour to #DFD7D2: rgb(223 215 210), hsl(23 17% 85%), oklch(0.884 0.011 54.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bonjour color name →
#DFD7D2
oklch(0.884 0.011 54.5)
Konwersje koloru
- HEX
- #dfd7d2
- RGB
- rgb(223 215 210)
- HSL
- hsl(23 17% 85%)
- HWB
- hwb(23 82% 13%)
- OKLCH
- oklch(0.884 0.011 54.5)
- OKLab
- oklab(0.884 0.006 0.009)
- CIE Lab
- lab(86.52 2.19 3.5)
- LCH
- lch(86.52 4.13 57.9)
- CMYK
- cmyk(0% 4% 6% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2DBD6
- E5DFDB
- E9E3DF
- ECE7E4
- EFEBE8
- F2EFED
- F5F3F1
- F9F7F6
- FCFBFA
Odcienie ciemniejsze
- C2BBB6
- A59F9B
- 8A8581
- 6F6B68
- 565250
- 3D3B39
- 272524
- 121110
- 020202
Tony
- D5CEC9
- CBC5C1
- C2BCB9
- B8B3B0
- AEAAA8
- A5A2A0
- 9B9998
- 929190
- 898888
Harmonie kolorów
Komplementarna +180°
- DFD7D2
Bonjour
- D2DADF
≈ Seven Days of Rain
Analogowa -30° +30°
- DFD7D2
Bonjour
- E0D6D5
≈ Razzberry Fizz
- DCD8D1
≈ Drift of Mist
Triada +120° +240°
- DFD7D2
Bonjour
- D2DBD8
≈ Urban Mist
- D9D7E0
≈ Violet Whimsey
Komplementarna rozszczepiona +150° +210°
- DFD7D2
Bonjour
- D1DBDC
≈ Northbound
- D5D9E0
≈ Rivulet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.78:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.78:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--bonjour: #dfd7d2;
--bonjour-rgb: 223 215 210;
--bonjour-oklch: oklch(0.884 0.011 54.5);
}
.element {
color: var(--bonjour);
background-color: hsl(23 17% 85%);
border-color: oklch(0.884 0.011 54.5);
}Tailwind CSS v4
@theme {
--color-bonjour: #dfd7d2;
--color-bonjour-50: #f8f4f2;
--color-bonjour-100: #ebe7e4;
--color-bonjour-200: #d8d3d0;
--color-bonjour-300: #bcb6b2;
--color-bonjour-400: #a49d98;
--color-bonjour-500: #8c847f;
--color-bonjour-600: #77706c;
--color-bonjour-700: #5f5a56;
--color-bonjour-800: #46413f;
--color-bonjour-900: #302d2b;
--color-bonjour-950: #1c1a19;
}SCSS
$bonjour: #dfd7d2;
$bonjour-rgb: 223, 215, 210;
$bonjour-light: mix(#fff, $bonjour, 20%);
$bonjour-dark: mix(#000, $bonjour, 20%);
.element {
color: $bonjour;
box-shadow: 0 0 0 2px rgba($bonjour, 0.35);
}