Couleur nommée la plus proche · #1873DA
#1873DA
Couleur nommée la plus proche: Fading Night
#1873DA (rgb(24 115 218), hsl(212 80% 47%), oklch(0.563 0.177 255.7)) 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.
#1873DA
oklch(0.563 0.177 255.7)
Conversions de couleur
- HEX
- #1873da
- RGB
- rgb(24 115 218)
- HSL
- hsl(212 80% 47%)
- HWB
- hwb(212 9% 15%)
- OKLCH
- oklch(0.563 0.177 255.7)
- OKLab
- oklab(0.563 -0.044 -0.172)
- CIE Lab
- lab(47.94 4.96 -60.96)
- LCH
- lch(47.94 61.16 274.6)
- CMYK
- cmyk(89% 47% 0% 15%)
Teintes · Ombres · Tons
Teintes
- 3882DF
- 5091E4
- 679FE8
- 7DADEC
- 92BBF0
- A8C8F4
- BDD6F7
- D3E4FA
- E9F1FD
Ombres
- 1363BD
- 0F54A2
- 0A4587
- 07366C
- 042854
- 021B3C
- 010F25
- 000511
- 000102
Tons
- 2A76D1
- 3878C9
- 437AC0
- 4D7BB7
- 577DAF
- 607EA6
- 687F9D
- 707F93
- 78808A
Harmonies de couleurs
Complémentaire +180°
- 1873DA
Fading Night
- 9D6A00
≈ Balor Brown
Analogue -30° +30°
- 1873DA
Fading Night
- 0082A5
≈ Tibetan Turquoise
- 705FD7
≈ Astro Purple
Triadique +120° +240°
- 1873DA
Fading Night
- C73A51
≈ Calypso Berry
- 438A00
≈ Mughal Green
Complémentaire divisée +150° +210°
- 1873DA
Fading Night
- BD4F00
≈ Crustose Lichen
- 807900
≈ Tool Green
Tétradique +90° +180° +270°
- 1873DA
Fading Night
- B93F8C
≈ Orchid Ecstasy
- 9D6A00
≈ Balor Brown
- 008B65
≈ Kabalite Green
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.66:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.50:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--fading-night: #1873da;
--fading-night-rgb: 24 115 218;
--fading-night-oklch: oklch(0.563 0.177 255.7);
}
.element {
color: var(--fading-night);
background-color: hsl(212 80% 47%);
border-color: oklch(0.563 0.177 255.7);
}Tailwind CSS v4
@theme {
--color-fading-night: #1873da;
--color-fading-night-50: #d6f8ff;
--color-fading-night-100: #c3eaff;
--color-fading-night-200: #a4d7ff;
--color-fading-night-300: #7cb9ff;
--color-fading-night-400: #509fff;
--color-fading-night-500: #1d83f8;
--color-fading-night-600: #1c70d1;
--color-fading-night-700: #1759a8;
--color-fading-night-800: #05427d;
--color-fading-night-900: #042e59;
--color-fading-night-950: #001a3c;
}SCSS
$fading-night: #1873da;
$fading-night-rgb: 24, 115, 218;
$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);
}