Couleur nommée la plus proche · #0046A1
#0046A1
Couleur nommée la plus proche: Cascade Twilight
#0046A1 (rgb(0 70 161), hsl(214 100% 32%), oklch(0.418 0.16 258.8)) est la plus proche de la couleur nommée Cascade Twilight. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#0046A1
oklch(0.418 0.16 258.8)
Conversions de couleur
- HEX
- #0046a1
- RGB
- rgb(0 70 161)
- HSL
- hsl(214 100% 32%)
- HWB
- hwb(214 0% 37%)
- OKLCH
- oklch(0.418 0.16 258.8)
- OKLab
- oklab(0.418 -0.031 -0.157)
- CIE Lab
- lab(30.76 11.47 -55.55)
- LCH
- lch(30.76 56.72 281.7)
- CMYK
- cmyk(100% 57% 0% 37%)
Teintes · Ombres · Tons
Teintes
- 2359AC
- 3C6CB6
- 537EC0
- 6B90CA
- 83A3D3
- 9BB5DD
- B3C7E6
- CCDAEE
- E5ECF7
Ombres
- 003C8B
- 003276
- 002862
- 001E4E
- 00153C
- 000D2A
- 000519
- 000209
- 000001
Tons
- 164D9F
- 25549C
- 325B99
- 3E6197
- 496693
- 546C90
- 5F718D
- 6A7689
- 757B85
Harmonies de couleurs
Complémentaire +180°
- 0046A1
Cascade Twilight
- 664600
≈ Notorious Neanderthal
Analogue -30° +30°
- 0046A1
Cascade Twilight
- 005470
≈ Night Kite
- 4D349C
≈ Royal Wisteria
Triadique +120° +240°
- 0046A1
Cascade Twilight
- 8F0C27
≈ Burgundy
- 1E5C00
≈ Lincoln Green
Complémentaire divisée +150° +210°
- 0046A1
Cascade Twilight
- 7B3500
≈ Red Beech
- 515000
≈ Scorzonera Brown
Tétradique +90° +180° +270°
- 0046A1
Cascade Twilight
- 85135A
≈ French Plum
- 664600
≈ Notorious Neanderthal
- 005B44
≈ Forest Shadows
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.78:1 · APCA Lc 89
Ag
FailSur noir
WCAG 2.39:1 · APCA Lc 13
Meilleure couleur de texte: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--cascade-twilight: #0046a1;
--cascade-twilight-rgb: 0 70 161;
--cascade-twilight-oklch: oklch(0.418 0.16 258.8);
}
.element {
color: var(--cascade-twilight);
background-color: hsl(214 100% 32%);
border-color: oklch(0.418 0.16 258.8);
}Tailwind CSS v4
@theme {
--color-cascade-twilight: #0046a1;
--color-cascade-twilight-50: #dbf7ff;
--color-cascade-twilight-100: #cae9ff;
--color-cascade-twilight-200: #add5ff;
--color-cascade-twilight-300: #88b7ff;
--color-cascade-twilight-400: #619efc;
--color-cascade-twilight-500: #3d83ee;
--color-cascade-twilight-600: #346fc8;
--color-cascade-twilight-700: #2a59a1;
--color-cascade-twilight-800: #184278;
--color-cascade-twilight-900: #102d55;
--color-cascade-twilight-950: #031a39;
}SCSS
$cascade-twilight: #0046a1;
$cascade-twilight-rgb: 0, 70, 161;
$cascade-twilight-light: mix(#fff, $cascade-twilight, 20%);
$cascade-twilight-dark: mix(#000, $cascade-twilight, 20%);
.element {
color: $cascade-twilight;
box-shadow: 0 0 0 2px rgba($cascade-twilight, 0.35);
}