Cor nomeada · #E8EFEC
White Bass
White Bass é #E8EFEC: rgb(232 239 236), hsl(154 18% 92%), oklch(0.946 0.008 168.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · White Bass color name →
#E8EFEC
oklch(0.946 0.008 168.7)
Conversões de cor
- HEX
- #e8efec
- RGB
- rgb(232 239 236)
- HSL
- hsl(154 18% 92%)
- HWB
- hwb(154 91% 6%)
- OKLCH
- oklch(0.946 0.008 168.7)
- OKLab
- oklab(0.946 -0.008 0.002)
- CIE Lab
- lab(93.85 -2.81 0.6)
- LCH
- lch(93.85 2.88 168)
- CMYK
- cmyk(3% 0% 1% 6%)
Tons claros · Sombras · Tons
Tons claros
- EAF1EE
- EDF2F0
- EFF4F2
- F1F5F4
- F3F7F5
- F6F9F7
- F8FAF9
- FAFCFB
- FDFDFD
Sombras
- CAD0CD
- ACB1AF
- 909492
- 747876
- 595C5B
- 404242
- 292A29
- 131413
- 030303
Tons
- DDE3E1
- D2D8D5
- C8CCCA
- BDC1BF
- B3B6B4
- A8ABAA
- 9EA09F
- 949595
- 8A8B8A
Harmonias de cor
Complementar +180°
- E8EFEC
White Bass
- F2EBEE
≈ Dress Pink
Análoga -30° +30°
- E8EFEC
White Bass
- EAEFE9
≈ Hurricane Mist
- E7EFEF
≈ Sheikh Zayed White
Tríade +120° +240°
- E8EFEC
White Bass
- EDECF3
≈ Silver Phoenix
- F2ECE8
≈ Pale Lily
Complementar dividida +150° +210°
- E8EFEC
White Bass
- F0EBF1
≈ Violet Clues
- F3EBEB
≈ Wispy Pink
Tétrade +90° +180° +270°
- E8EFEC
White Bass
- EAEDF3
≈ Springtime Rain
- F2EBEE
≈ Dress Pink
- F0EDE7
≈ Hacienda White
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre preto
WCAG 17.98:1 · APCA Lc 96
Melhor cor de texto: #000000
WCAG 17.98:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--white-bass: #e8efec;
--white-bass-rgb: 232 239 236;
--white-bass-oklch: oklch(0.946 0.008 168.7);
}
.element {
color: var(--white-bass);
background-color: hsl(154 18% 92%);
border-color: oklch(0.946 0.008 168.7);
}Tailwind CSS v4
@theme {
--color-white-bass: #e8efec;
--color-white-bass-50: #f3f6f5;
--color-white-bass-100: #e5e9e7;
--color-white-bass-200: #d1d5d4;
--color-white-bass-300: #b3b9b7;
--color-white-bass-400: #9aa09d;
--color-white-bass-500: #818885;
--color-white-bass-600: #6d7371;
--color-white-bass-700: #575c5a;
--color-white-bass-800: #404342;
--color-white-bass-900: #2c2e2d;
--color-white-bass-950: #191b1a;
}SCSS
$white-bass: #e8efec;
$white-bass-rgb: 232, 239, 236;
$white-bass-light: mix(#fff, $white-bass, 20%);
$white-bass-dark: mix(#000, $white-bass, 20%);
.element {
color: $white-bass;
box-shadow: 0 0 0 2px rgba($white-bass, 0.35);
}