Benannte Farbe · #F4C54B
Eyelash Viper
Eyelash Viper ist #F4C54B: rgb(244 197 75), hsl(43 88% 63%), oklch(0.844 0.145 87.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Eyelash Viper color name →
#F4C54B
oklch(0.844 0.145 87.3)
Farbumrechnungen
- HEX
- #f4c54b
- RGB
- rgb(244 197 75)
- HSL
- hsl(43 88% 63%)
- HWB
- hwb(43 29% 4%)
- OKLCH
- oklch(0.844 0.145 87.3)
- OKLab
- oklab(0.844 0.007 0.145)
- CIE Lab
- lab(82.15 8.38 64.92)
- LCH
- lch(82.15 65.46 82.6)
- CMYK
- cmyk(0% 19% 69% 4%)
Tints · Shades · Tones
Tints
- F5CB63
- F6D178
- F8D78B
- F9DD9D
- FAE3AE
- FBE9BF
- FCEECF
- FDF4DF
- FEFAEF
Shades
- D4AB40
- B59235
- 97792B
- 7A6121
- 5E4B17
- 44350E
- 2B2106
- 140E02
- 030200
Tones
- E8BE55
- DCB75E
- D0B165
- C4AA6B
- B9A370
- AD9C74
- A29578
- 968E7B
- 8B877E
Farbharmonien
Komplementär +180°
- F4C54B
Eyelash Viper
- B5CBFF
≈ Night Snow
Analog -30° +30°
- F4C54B
Eyelash Viper
- FFBB88
≈ Reddish Banana
- C5D861
≈ Cool as a Cucumber
Triadisch +120° +240°
- F4C54B
Eyelash Viper
- 00E5FC
≈ Whimsical Blue
- FEA9FD
≈ Jigglypuff
Geteilt komplementär +150° +210°
- F4C54B
Eyelash Viper
- 93D5FF
≈ Long Island Sound
- D2C0FF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- F4C54B
Eyelash Viper
- 37EACA
≈ Fake Jade
- B5CBFF
≈ Night Snow
- FFB2CC
≈ Pink Cattleya
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.93:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--eyelash-viper: #f4c54b;
--eyelash-viper-rgb: 244 197 75;
--eyelash-viper-oklch: oklch(0.844 0.145 87.3);
}
.element {
color: var(--eyelash-viper);
background-color: hsl(43 88% 63%);
border-color: oklch(0.844 0.145 87.3);
}Tailwind CSS v4
@theme {
--color-eyelash-viper: #f4c54b;
--color-eyelash-viper-50: #fff4c6;
--color-eyelash-viper-100: #fbe6b1;
--color-eyelash-viper-200: #edd28b;
--color-eyelash-viper-300: #d5b459;
--color-eyelash-viper-400: #c39817;
--color-eyelash-viper-500: #af7d00;
--color-eyelash-viper-600: #946a00;
--color-eyelash-viper-700: #765500;
--color-eyelash-viper-800: #593d00;
--color-eyelash-viper-900: #3e2a00;
--color-eyelash-viper-950: #271700;
}SCSS
$eyelash-viper: #f4c54b;
$eyelash-viper-rgb: 244, 197, 75;
$eyelash-viper-light: mix(#fff, $eyelash-viper, 20%);
$eyelash-viper-dark: mix(#000, $eyelash-viper, 20%);
.element {
color: $eyelash-viper;
box-shadow: 0 0 0 2px rgba($eyelash-viper, 0.35);
}