Colore con nome · #E8EFEC
White Bass
White Bass è #E8EFEC: rgb(232 239 236), hsl(154 18% 92%), oklch(0.946 0.008 168.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · White Bass color name →
#E8EFEC
oklch(0.946 0.008 168.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- EAF1EE
- EDF2F0
- EFF4F2
- F1F5F4
- F3F7F5
- F6F9F7
- F8FAF9
- FAFCFB
- FDFDFD
Ombre
- CAD0CD
- ACB1AF
- 909492
- 747876
- 595C5B
- 404242
- 292A29
- 131413
- 030303
Toni
- DDE3E1
- D2D8D5
- C8CCCA
- BDC1BF
- B3B6B4
- A8ABAA
- 9EA09F
- 949595
- 8A8B8A
Armonie di colore
Complementare +180°
- E8EFEC
White Bass
- F2EBEE
≈ Dress Pink
Analogo -30° +30°
- E8EFEC
White Bass
- EAEFE9
≈ Hurricane Mist
- E7EFEF
≈ Sheikh Zayed White
Triadico +120° +240°
- E8EFEC
White Bass
- EDECF3
≈ Silver Phoenix
- F2ECE8
≈ Pale Lily
Complementare divisa +150° +210°
- E8EFEC
White Bass
- F0EBF1
≈ Violet Clues
- F3EBEB
≈ Wispy Pink
Tetradico +90° +180° +270°
- E8EFEC
White Bass
- EAEDF3
≈ Springtime Rain
- F2EBEE
≈ Dress Pink
- F0EDE7
≈ Hacienda White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASu nero
WCAG 17.98:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.98:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
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);
}