Colore con nome · #FEFFEA
Gaslight
Gaslight è #FEFFEA: rgb(254 255 234), hsl(63 100% 96%), oklch(0.994 0.027 109.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gaslight color name →
#FEFFEA
oklch(0.994 0.027 109.1)
Conversioni di colore
- HEX
- #feffea
- RGB
- rgb(254 255 234)
- HSL
- hsl(63 100% 96%)
- HWB
- hwb(63 92% 0%)
- OKLCH
- oklch(0.994 0.027 109.1)
- OKLab
- oklab(0.994 -0.009 0.026)
- CIE Lab
- lab(99.51 -2.98 9.96)
- LCH
- lch(99.51 10.39 106.6)
- CMYK
- cmyk(0% 0% 8% 0%)
Tinte · Ombre · Toni
Tinte
- FEFFEC
- FEFFEE
- FEFFF0
- FEFFF2
- FEFFF5
- FFFFF7
- FFFFF9
- FFFFFB
- FFFFFD
Ombre
- DDDECB
- BDBEAE
- 9E9E91
- 808075
- 63635A
- 474841
- 2D2E29
- 161613
- 030303
Toni
- F1F2DF
- E4E4D4
- D7D7C9
- CACABE
- BDBEB4
- B0B1A9
- A4A49F
- 989894
- 8C8C8A
Armonie di colore
Complementare +180°
- FEFFEA
Gaslight
- FDFDFF
≈ Pale Grey
Analogo -30° +30°
- FEFFEA
Gaslight
- FFFDF9
≈ Lotion
- F9FFF8
≈ Touch of Mint
Triadico +120° +240°
- FEFFEA
Gaslight
- FBFDFF
≈ Pale Grey
- FFFCFD
≈ Flawed White
Complementare divisa +150° +210°
- FEFFEA
Gaslight
- FCFDFF
≈ Pale Grey
- FEFCFF
≈ Pale Grey
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.01:1 · APCA Lc 0
Ag
AAASu nero
WCAG 20.70:1 · APCA Lc 107
Miglior colore del testo: #000000
WCAG 20.70:1 (AAA) · APCA Lc 107
Contrast pairs
Frammenti di codice
CSS
:root {
--gaslight: #feffea;
--gaslight-rgb: 254 255 234;
--gaslight-oklch: oklch(0.994 0.027 109.1);
}
.element {
color: var(--gaslight);
background-color: hsl(63 100% 96%);
border-color: oklch(0.994 0.027 109.1);
}Tailwind CSS v4
@theme {
--color-gaslight: #feffea;
--color-gaslight-50: #f5f6ed;
--color-gaslight-100: #e8e9df;
--color-gaslight-200: #d4d6c8;
--color-gaslight-300: #b8b9a9;
--color-gaslight-400: #9fa08e;
--color-gaslight-500: #878873;
--color-gaslight-600: #727362;
--color-gaslight-700: #5b5c4e;
--color-gaslight-800: #434338;
--color-gaslight-900: #2e2e27;
--color-gaslight-950: #1b1b15;
}SCSS
$gaslight: #feffea;
$gaslight-rgb: 254, 255, 234;
$gaslight-light: mix(#fff, $gaslight, 20%);
$gaslight-dark: mix(#000, $gaslight, 20%);
.element {
color: $gaslight;
box-shadow: 0 0 0 2px rgba($gaslight, 0.35);
}