Couleur nommée · #D4CFB4
White Rock
White Rock correspond à #D4CFB4 : rgb(212 207 180), hsl(51 27% 77%), oklch(0.851 0.037 98.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · White Rock color name →
#D4CFB4
oklch(0.851 0.037 98.5)
Conversions de couleur
- HEX
- #d4cfb4
- RGB
- rgb(212 207 180)
- HSL
- hsl(51 27% 77%)
- HWB
- hwb(51 71% 17%)
- OKLCH
- oklch(0.851 0.037 98.5)
- OKLab
- oklab(0.851 -0.005 0.036)
- CIE Lab
- lab(82.99 -1.56 14.13)
- LCH
- lch(82.99 14.22 96.3)
- CMYK
- cmyk(0% 2% 15% 17%)
Teintes · Ombres · Tons
Teintes
- D8D4BB
- DCD8C3
- E1DDCA
- E5E2D2
- E9E7D9
- EEECE1
- F2F0E8
- F6F5F0
- FBFAF7
Ombres
- B8B49C
- 9D9985
- 837F6E
- 696758
- 514F44
- 3A3830
- 24231D
- 10100C
- 020202
Tons
- CBC7AF
- C3BFA9
- BAB7A4
- B1AF9F
- A9A79A
- A19F95
- 98978F
- 908F8A
- 888885
Harmonies de couleurs
Complémentaire +180°
- D4CFB4
White Rock
- C8CCE7
≈ Ace
Analogue -30° +30°
- D4CFB4
White Rock
- DFCAB5
≈ Oat Cake
- C7D3BA
≈ Willow Tree Mouse
Triadique +120° +240°
- D4CFB4
White Rock
- B4D5DE
≈ Rain Check
- DFC5D6
≈ Extreme Lavender
Complémentaire divisée +150° +210°
- D4CFB4
White Rock
- BCD1E6
≈ Bewitching Blue
- D5C8E1
≈ Purity
Tétradique +90° +180° +270°
- D4CFB4
White Rock
- B4D6D3
≈ Dante Peak
- C8CCE7
≈ Ace
- E5C5C9
≈ Cranapple Cream
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.56:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.38:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--white-rock: #d4cfb4;
--white-rock-rgb: 212 207 180;
--white-rock-oklch: oklch(0.851 0.037 98.5);
}
.element {
color: var(--white-rock);
background-color: hsl(51 27% 77%);
border-color: oklch(0.851 0.037 98.5);
}Tailwind CSS v4
@theme {
--color-white-rock: #d4cfb4;
--color-white-rock-50: #f7f6ea;
--color-white-rock-100: #eae8db;
--color-white-rock-200: #d7d5c3;
--color-white-rock-300: #bbb8a3;
--color-white-rock-400: #a49f87;
--color-white-rock-500: #8c876b;
--color-white-rock-600: #77725b;
--color-white-rock-700: #5f5b48;
--color-white-rock-800: #464334;
--color-white-rock-900: #302e23;
--color-white-rock-950: #1d1b12;
}SCSS
$white-rock: #d4cfb4;
$white-rock-rgb: 212, 207, 180;
$white-rock-light: mix(#fff, $white-rock, 20%);
$white-rock-dark: mix(#000, $white-rock, 20%);
.element {
color: $white-rock;
box-shadow: 0 0 0 2px rgba($white-rock, 0.35);
}