Couleur nommée la plus proche · #006FE0
#006FE0
Couleur nommée la plus proche: Fading Night
#006FE0 (rgb(0 111 224), hsl(210 100% 44%), oklch(0.556 0.192 256.3)) est la plus proche de la couleur nommée Fading Night. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#006FE0
oklch(0.556 0.192 256.3)
Conversions de couleur
- HEX
- #006fe0
- RGB
- rgb(0 111 224)
- HSL
- hsl(210 100% 44%)
- HWB
- hwb(210 0% 12%)
- OKLCH
- oklch(0.556 0.192 256.3)
- OKLab
- oklab(0.556 -0.046 -0.186)
- CIE Lab
- lab(46.86 8.23 -66.08)
- LCH
- lch(46.86 66.6 277.1)
- CMYK
- cmyk(100% 50% 0% 12%)
Teintes · Ombres · Tons
Teintes
- 2E7FE5
- 498EE9
- 619DED
- 78ABF1
- 8EB9F4
- A5C8F7
- BBD5F9
- D2E3FC
- E8F1FE
Ombres
- 0060C3
- 0051A6
- 00428A
- 003470
- 002756
- 001A3E
- 000E27
- 000412
- 000102
Tons
- 1F72D7
- 3075CE
- 3D77C5
- 497ABB
- 537BB2
- 5D7DA8
- 667E9F
- 6F7F95
- 78808B
Harmonies de couleurs
Complémentaire +180°
- 006FE0
Fading Night
- 9A6800
≈ Gamboge Brown
Analogue -30° +30°
- 006FE0
Fading Night
- 007FA3
≈ Kingfisher Sheen
- 6F59DC
≈ Astro Purple
Triadique +120° +240°
- 006FE0
Fading Night
- CB2D4B
≈ Tomato Puree
- 3F8800
≈ Mughal Green
Complémentaire divisée +150° +210°
- 006FE0
Fading Night
- B94E00
≈ Crustose Lichen
- 7D7700
≈ Tool Green
Tétradique +90° +180° +270°
- 006FE0
Fading Night
- BC348A
≈ Lust Priestess
- 9A6800
≈ Gamboge Brown
- 008864
≈ Spectral Green
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.82:1 · APCA Lc 73
Ag
FailSur noir
WCAG 4.35:1 · APCA Lc 29
Meilleure couleur de texte: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--fading-night: #006fe0;
--fading-night-rgb: 0 111 224;
--fading-night-oklch: oklch(0.556 0.192 256.3);
}
.element {
color: var(--fading-night);
background-color: hsl(210 100% 44%);
border-color: oklch(0.556 0.192 256.3);
}Tailwind CSS v4
@theme {
--color-fading-night: #006fe0;
--color-fading-night-50: #d4f8ff;
--color-fading-night-100: #c1eaff;
--color-fading-night-200: #a1d6ff;
--color-fading-night-300: #78b8ff;
--color-fading-night-400: #499eff;
--color-fading-night-500: #0781ff;
--color-fading-night-600: #0f6ed9;
--color-fading-night-700: #0d58ae;
--color-fading-night-800: #004182;
--color-fading-night-900: #002d5c;
--color-fading-night-950: #00193f;
}SCSS
$fading-night: #006fe0;
$fading-night-rgb: 0, 111, 224;
$fading-night-light: mix(#fff, $fading-night, 20%);
$fading-night-dark: mix(#000, $fading-night, 20%);
.element {
color: $fading-night;
box-shadow: 0 0 0 2px rgba($fading-night, 0.35);
}