Color con nombre · #F0E0DC
White Russian
White Russian es #F0E0DC: rgb(240 224 220), hsl(12 40% 90%), oklch(0.918 0.018 34.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · White Russian color name →
#F0E0DC
oklch(0.918 0.018 34.3)
Conversiones de color
- HEX
- #f0e0dc
- RGB
- rgb(240 224 220)
- HSL
- hsl(12 40% 90%)
- HWB
- hwb(12 86% 6%)
- OKLCH
- oklch(0.918 0.018 34.3)
- OKLab
- oklab(0.918 0.015 0.01)
- CIE Lab
- lab(90.4 5.16 4.04)
- LCH
- lch(90.4 6.55 38)
- CMYK
- cmyk(0% 7% 8% 6%)
Tintes · Sombras · Tonos
Tintes
- F2E3DF
- F3E6E3
- F5E9E6
- F6ECEA
- F8EFED
- F9F3F1
- FBF6F4
- FCF9F8
- FEFCFB
Sombras
- D1C3BF
- B2A6A3
- 958A88
- 78706E
- 5D5654
- 433E3C
- 2A2726
- 141211
- 030202
Tonos
- E4D6D2
- D9CCC9
- CDC2BF
- C2B8B6
- B6AFAD
- ABA5A4
- A09C9B
- 959292
- 8B8989
Armonías de color
Complementario +180°
- F0E0DC
White Russian
- D7E8EC
≈ Soft Blue White
Análogo -30° +30°
- F0E0DC
White Russian
- F0DFE2
≈ Daring Deception
- EDE2D8
≈ Sea Salt
Triádico +120° +240°
- F0E0DC
White Russian
- DBE8DF
≈ Spearmint Scent
- E0E3F1
≈ Iris Ice
Complementario dividido +150° +210°
- F0E0DC
White Russian
- D7E8E5
≈ Aqua Breeze
- DAE6F0
≈ Space Wolves Grey
Tetrádico +90° +180° +270°
- F0E0DC
White Russian
- E1E6D9
≈ White Mint
- D7E8EC
≈ Soft Blue White
- E7E1EE
≈ Romantic Cruise
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.40:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--white-russian: #f0e0dc;
--white-russian-rgb: 240 224 220;
--white-russian-oklch: oklch(0.918 0.018 34.3);
}
.element {
color: var(--white-russian);
background-color: hsl(12 40% 90%);
border-color: oklch(0.918 0.018 34.3);
}Tailwind CSS v4
@theme {
--color-white-russian: #f0e0dc;
--color-white-russian-50: #faf3f1;
--color-white-russian-100: #eee6e4;
--color-white-russian-200: #dcd2cf;
--color-white-russian-300: #c0b4b1;
--color-white-russian-400: #a99b97;
--color-white-russian-500: #92827e;
--color-white-russian-600: #7b6e6b;
--color-white-russian-700: #635855;
--color-white-russian-800: #49403e;
--color-white-russian-900: #322c2b;
--color-white-russian-950: #1e1918;
}SCSS
$white-russian: #f0e0dc;
$white-russian-rgb: 240, 224, 220;
$white-russian-light: mix(#fff, $white-russian, 20%);
$white-russian-dark: mix(#000, $white-russian, 20%);
.element {
color: $white-russian;
box-shadow: 0 0 0 2px rgba($white-russian, 0.35);
}