Couleur nommée · #CEFF00
Volt
Volt correspond à #CEFF00 : rgb(206 255 0), hsl(72 100% 50%), oklch(0.932 0.228 122.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Volt color name →
#CEFF00
oklch(0.932 0.228 122.6)
Conversions de couleur
- HEX
- #ceff00
- RGB
- rgb(206 255 0)
- HSL
- hsl(72 100% 50%)
- HWB
- hwb(72 0% 0%)
- OKLCH
- oklch(0.932 0.228 122.6)
- OKLab
- oklab(0.932 -0.123 0.192)
- CIE Lab
- lab(94.06 -35.05 88.95)
- LCH
- lch(94.06 95.61 111.5)
- CMYK
- cmyk(19% 0% 100% 0%)
Teintes · Ombres · Tons
Teintes
- D3FF49
- D7FF68
- DCFF81
- E1FF96
- E6FFAA
- EBFFBC
- F0FFCE
- F5FFDF
- FAFFEF
Ombres
- B3DE00
- 98BE00
- 7F9E00
- 668000
- 4E6300
- 384800
- 232E00
- 0F1600
- 020300
Tons
- C6F235
- BEE54A
- B6D858
- AECB62
- A6BF6A
- 9EB271
- 96A676
- 8F997A
- 878D7E
Harmonies de couleurs
Complémentaire +180°
- CEFF00
Volt
- EDE3FF
≈ Lavender Mist
Analogue -30° +30°
- CEFF00
Volt
- FFE89D
≈ First Tulip
- ADFFC4
≈ Neo Mint
Triadique +120° +240°
- CEFF00
Volt
- D5ECFF
≈ Cloudless
- FFDFE6
≈ Pink Pleasure
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.17:1 · APCA Lc 8
Ag
AAASur noir
WCAG 17.92:1 · APCA Lc 96
Meilleure couleur de texte: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--volt: #ceff00;
--volt-rgb: 206 255 0;
--volt-oklch: oklch(0.932 0.228 122.6);
}
.element {
color: var(--volt);
background-color: hsl(72 100% 50%);
border-color: oklch(0.932 0.228 122.6);
}Tailwind CSS v4
@theme {
--color-volt: #ceff00;
--color-volt-50: #e7ffb9;
--color-volt-100: #d7f6a0;
--color-volt-200: #bfe573;
--color-volt-300: #9eca2a;
--color-volt-400: #87b100;
--color-volt-500: #6d9900;
--color-volt-600: #5d8100;
--color-volt-700: #4a6800;
--color-volt-800: #394b00;
--color-volt-900: #273400;
--color-volt-950: #151f00;
}SCSS
$volt: #ceff00;
$volt-rgb: 206, 255, 0;
$volt-light: mix(#fff, $volt, 20%);
$volt-dark: mix(#000, $volt, 20%);
.element {
color: $volt;
box-shadow: 0 0 0 2px rgba($volt, 0.35);
}