Nazwany kolor · #DBC2B9
Summer Beige
Summer Beige to #DBC2B9: rgb(219 194 185), hsl(16 32% 79%), oklch(0.833 0.031 40.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Summer Beige color name →
#DBC2B9
oklch(0.833 0.031 40.9)
Konwersje koloru
- HEX
- #dbc2b9
- RGB
- rgb(219 194 185)
- HSL
- hsl(16 32% 79%)
- HWB
- hwb(16 73% 14%)
- OKLCH
- oklch(0.833 0.031 40.9)
- OKLab
- oklab(0.833 0.024 0.02)
- CIE Lab
- lab(80.39 8.06 7.95)
- LCH
- lch(80.39 11.32 44.6)
- CMYK
- cmyk(0% 11% 16% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFC8C0
- E2CEC7
- E6D4CE
- EADAD5
- EDE0DC
- F1E6E3
- F4ECEA
- F8F3F1
- FBF9F8
Odcienie ciemniejsze
- BEA8A0
- A28F89
- 877771
- 6D605B
- 544946
- 3C3431
- 26201E
- 110E0D
- 020202
Tony
- D2BBB3
- C8B4AD
- BFAEA8
- B6A7A2
- ADA09C
- A49A96
- 9B9391
- 928D8B
- 898686
Harmonie kolorów
Komplementarna +180°
- DBC2B9
Summer Beige
- B3CDD7
≈ Light Topaz Soft Blue
Analogowa -30° +30°
- DBC2B9
Summer Beige
- DCC0C3
≈ Mud Pink
- D6C5B3
≈ Beige Chalk
Triada +120° +240°
- DBC2B9
Summer Beige
- B7CFC2
≈ Quiet Drizzle
- C4C6DD
≈ Violet Sweet Pea
Komplementarna rozszczepiona +150° +210°
- DBC2B9
Summer Beige
- B2CFCD
≈ Turquoise Grey
- BACADC
≈ Baby Boots
Tetrada +90° +180° +270°
- DBC2B9
Summer Beige
- C1CDB8
≈ Mellow Spring
- B3CDD7
≈ Light Topaz Soft Blue
- CFC3D8
≈ Lilac Crystal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.42:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--summer-beige: #dbc2b9;
--summer-beige-rgb: 219 194 185;
--summer-beige-oklch: oklch(0.833 0.031 40.9);
}
.element {
color: var(--summer-beige);
background-color: hsl(16 32% 79%);
border-color: oklch(0.833 0.031 40.9);
}Tailwind CSS v4
@theme {
--color-summer-beige: #dbc2b9;
--color-summer-beige-50: #fdf2ee;
--color-summer-beige-100: #f2e5e0;
--color-summer-beige-200: #e1d0ca;
--color-summer-beige-300: #c6b3ab;
--color-summer-beige-400: #af9991;
--color-summer-beige-500: #998077;
--color-summer-beige-600: #816c65;
--color-summer-beige-700: #685650;
--color-summer-beige-800: #4c3f3b;
--color-summer-beige-900: #352b28;
--color-summer-beige-950: #201916;
}SCSS
$summer-beige: #dbc2b9;
$summer-beige-rgb: 219, 194, 185;
$summer-beige-light: mix(#fff, $summer-beige, 20%);
$summer-beige-dark: mix(#000, $summer-beige, 20%);
.element {
color: $summer-beige;
box-shadow: 0 0 0 2px rgba($summer-beige, 0.35);
}