Cor nomeada · #EBE1CE
Bleach White
Bleach White é #EBE1CE: rgb(235 225 206), hsl(39 42% 86%), oklch(0.913 0.028 83.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bleach White color name →
#EBE1CE
oklch(0.913 0.028 83.5)
Conversões de cor
- HEX
- #ebe1ce
- RGB
- rgb(235 225 206)
- HSL
- hsl(39 42% 86%)
- HWB
- hwb(39 81% 8%)
- OKLCH
- oklch(0.913 0.028 83.5)
- OKLab
- oklab(0.913 0.003 0.027)
- CIE Lab
- lab(89.95 1.19 10.61)
- LCH
- lch(89.95 10.68 83.6)
- CMYK
- cmyk(0% 4% 12% 8%)
Tons claros · Sombras · Tons
Tons claros
- EDE4D3
- EFE7D8
- F1EADD
- F3EDE2
- F5F0E6
- F7F3EB
- F9F6F0
- FBF9F5
- FDFCFA
Sombras
- CCC4B3
- AEA798
- 918B7F
- 757066
- 5B564E
- 413E38
- 292723
- 13120F
- 030202
Tons
- E0D7C6
- D5CDBE
- CAC3B6
- BFB9AE
- B4AFA6
- A9A69E
- 9F9C97
- 94938F
- 8A8988
Harmonias de cor
Complementar +180°
- EBE1CE
Bleach White
- D9E3F5
≈ Aquarelle Purple
Análoga -30° +30°
- EBE1CE
Bleach White
- F2DED2
≈ Spice Cookie
- E2E5D0
≈ Bleached Jade
Tríade +120° +240°
- EBE1CE
Bleach White
- CEE8EA
≈ Ethereal Mood
- ECDCED
≈ Divine Dove
Complementar dividida +150° +210°
- EBE1CE
Bleach White
- D1E6F2
≈ New Heights
- E2DFF3
≈ Lingering Lilac
Tétrade +90° +180° +270°
- EBE1CE
Bleach White
- D0E9E0
≈ Aqua Glass
- D9E3F5
≈ Aquarelle Purple
- F2DBE3
≈ Fancy Pants
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.19:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.19:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--bleach-white: #ebe1ce;
--bleach-white-rgb: 235 225 206;
--bleach-white-oklch: oklch(0.913 0.028 83.5);
}
.element {
color: var(--bleach-white);
background-color: hsl(39 42% 86%);
border-color: oklch(0.913 0.028 83.5);
}Tailwind CSS v4
@theme {
--color-bleach-white: #ebe1ce;
--color-bleach-white-50: #f9f5ec;
--color-bleach-white-100: #ece7de;
--color-bleach-white-200: #d9d4c7;
--color-bleach-white-300: #beb7a8;
--color-bleach-white-400: #a69d8c;
--color-bleach-white-500: #8f8572;
--color-bleach-white-600: #797160;
--color-bleach-white-700: #615a4d;
--color-bleach-white-800: #474238;
--color-bleach-white-900: #312d26;
--color-bleach-white-950: #1d1a14;
}SCSS
$bleach-white: #ebe1ce;
$bleach-white-rgb: 235, 225, 206;
$bleach-white-light: mix(#fff, $bleach-white, 20%);
$bleach-white-dark: mix(#000, $bleach-white, 20%);
.element {
color: $bleach-white;
box-shadow: 0 0 0 2px rgba($bleach-white, 0.35);
}