Color con nombre · #E2E8CF
White Radish
White Radish es #E2E8CF: rgb(226 232 207), hsl(74 35% 86%), oklch(0.92 0.034 118). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · White Radish color name →
#E2E8CF
oklch(0.92 0.034 118)
Conversiones de color
- HEX
- #e2e8cf
- RGB
- rgb(226 232 207)
- HSL
- hsl(74 35% 86%)
- HWB
- hwb(74 81% 9%)
- OKLCH
- oklch(0.92 0.034 118)
- OKLab
- oklab(0.92 -0.016 0.03)
- CIE Lab
- lab(91.03 -5.29 11.49)
- LCH
- lch(91.03 12.65 114.7)
- CMYK
- cmyk(3% 0% 11% 9%)
Tintes · Sombras · Tonos
Tintes
- E5EAD4
- E8EDD9
- EBEFDD
- EDF1E2
- F0F4E7
- F3F6EC
- F6F8F1
- F9FAF5
- FCFDFA
Sombras
- C4CAB4
- A8AC99
- 8C907F
- 717467
- 57594F
- 3E4038
- 272923
- 121310
- 030302
Tonos
- D8DDC7
- CED2BF
- C4C8B7
- BABDAF
- B0B3A7
- A6A89F
- 9C9E97
- 93948F
- 898A88
Armonías de color
Complementario +180°
- E2E8CF
White Radish
- E7E0F9
≈ Stoic White
Análogo -30° +30°
- E2E8CF
White Radish
- EEE4CC
≈ Hidden Diary
- D6EBD8
≈ Light Katsura
Triádico +120° +240°
- E2E8CF
White Radish
- D1E8F9
≈ Freezing Vapour
- F9DCE4
≈ Marshmallow Heart
Complementario dividido +150° +210°
- E2E8CF
White Radish
- DBE4FC
≈ Stoic White
- F2DDF0
≈ Divine Dove
Tetrádico +90° +180° +270°
- E2E8CF
White Radish
- CCEBF0
≈ Summer Mist
- E7E0F9
≈ Stoic White
- FADDD8
≈ Pink Parfait
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.67:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.67:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--white-radish: #e2e8cf;
--white-radish-rgb: 226 232 207;
--white-radish-oklch: oklch(0.92 0.034 118);
}
.element {
color: var(--white-radish);
background-color: hsl(74 35% 86%);
border-color: oklch(0.92 0.034 118);
}Tailwind CSS v4
@theme {
--color-white-radish: #e2e8cf;
--color-white-radish-50: #f4f7ec;
--color-white-radish-100: #e6eadd;
--color-white-radish-200: #d2d7c7;
--color-white-radish-300: #b5baa7;
--color-white-radish-400: #9ca18b;
--color-white-radish-500: #848a70;
--color-white-radish-600: #70745f;
--color-white-radish-700: #595d4c;
--color-white-radish-800: #424437;
--color-white-radish-900: #2d2f25;
--color-white-radish-950: #1a1b14;
}SCSS
$white-radish: #e2e8cf;
$white-radish-rgb: 226, 232, 207;
$white-radish-light: mix(#fff, $white-radish, 20%);
$white-radish-dark: mix(#000, $white-radish, 20%);
.element {
color: $white-radish;
box-shadow: 0 0 0 2px rgba($white-radish, 0.35);
}