Couleur nommée · #D8CBB3
Vanderbilt Beach
Vanderbilt Beach correspond à #D8CBB3 : rgb(216 203 179), hsl(39 32% 77%), oklch(0.846 0.036 82.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Vanderbilt Beach color name →
#D8CBB3
oklch(0.846 0.036 82.9)
Conversions de couleur
- HEX
- #d8cbb3
- RGB
- rgb(216 203 179)
- HSL
- hsl(39 32% 77%)
- HWB
- hwb(39 70% 15%)
- OKLCH
- oklch(0.846 0.036 82.9)
- OKLab
- oklab(0.846 0.004 0.035)
- CIE Lab
- lab(82.28 1.78 13.74)
- LCH
- lch(82.28 13.85 82.6)
- CMYK
- cmyk(0% 6% 17% 15%)
Teintes · Ombres · Tons
Teintes
- DCD0BA
- E0D5C2
- E4DACA
- E8E0D1
- EBE5D9
- EFEAE0
- F3EFE8
- F7F4F0
- FBFAF7
Ombres
- BCB09B
- A09684
- 857D6E
- 6B6558
- 534D43
- 3B372F
- 25221D
- 110F0C
- 020201
Tons
- CFC3AE
- C6BCA9
- BDB4A4
- B4AC9E
- ABA599
- A29D94
- 9A968F
- 918F8A
- 888785
Harmonies de couleurs
Complémentaire +180°
- D8CBB3
Vanderbilt Beach
- C0CDE5
≈ Periwinkle Grey
Analogue -30° +30°
- D8CBB3
Vanderbilt Beach
- E0C7B8
≈ Sand Dance
- CCCFB5
≈ Sweet Surrender
Triadique +120° +240°
- D8CBB3
Vanderbilt Beach
- B3D4D7
≈ Pocket Lint
- D8C5DA
≈ Simply Lavender
Complémentaire divisée +150° +210°
- D8CBB3
Vanderbilt Beach
- B7D1E0
≈ Delicate Ice
- CDC9E2
≈ Opus
Tétradique +90° +180° +270°
- D8CBB3
Vanderbilt Beach
- B6D5CA
≈ Gemini
- C0CDE5
≈ Periwinkle Grey
- E0C4CF
≈ In the Slip
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.60:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.11:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.11:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--vanderbilt-beach: #d8cbb3;
--vanderbilt-beach-rgb: 216 203 179;
--vanderbilt-beach-oklch: oklch(0.846 0.036 82.9);
}
.element {
color: var(--vanderbilt-beach);
background-color: hsl(39 32% 77%);
border-color: oklch(0.846 0.036 82.9);
}Tailwind CSS v4
@theme {
--color-vanderbilt-beach: #d8cbb3;
--color-vanderbilt-beach-50: #faf5ea;
--color-vanderbilt-beach-100: #ede7db;
--color-vanderbilt-beach-200: #dbd3c4;
--color-vanderbilt-beach-300: #c0b6a3;
--color-vanderbilt-beach-400: #a99d87;
--color-vanderbilt-beach-500: #92846c;
--color-vanderbilt-beach-600: #7b705b;
--color-vanderbilt-beach-700: #635a49;
--color-vanderbilt-beach-800: #494135;
--color-vanderbilt-beach-900: #322d24;
--color-vanderbilt-beach-950: #1e1a13;
}SCSS
$vanderbilt-beach: #d8cbb3;
$vanderbilt-beach-rgb: 216, 203, 179;
$vanderbilt-beach-light: mix(#fff, $vanderbilt-beach, 20%);
$vanderbilt-beach-dark: mix(#000, $vanderbilt-beach, 20%);
.element {
color: $vanderbilt-beach;
box-shadow: 0 0 0 2px rgba($vanderbilt-beach, 0.35);
}