Colore con nome più vicino · #00419A
#00419A
Colore con nome più vicino: Cascade Twilight
#00419A (rgb(0 65 154), hsl(215 100% 30%), oklch(0.401 0.157 259.2)) è più vicino al colore con nome Cascade Twilight. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#00419A
oklch(0.401 0.157 259.2)
Conversioni di colore
- HEX
- #00419a
- RGB
- rgb(0 65 154)
- HSL
- hsl(215 100% 30%)
- HWB
- hwb(215 0% 40%)
- OKLCH
- oklch(0.401 0.157 259.2)
- OKLab
- oklab(0.401 -0.029 -0.154)
- CIE Lab
- lab(28.77 12.17 -54.57)
- LCH
- lch(28.77 55.91 282.6)
- CMYK
- cmyk(100% 58% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 2155A5
- 3A68B0
- 527BBB
- 698DC5
- 81A0D0
- 9AB3DA
- B2C5E3
- CBD8ED
- E5ECF6
Ombre
- 003785
- 002E71
- 00255E
- 001C4B
- 001339
- 000B27
- 000517
- 000109
- 000001
Toni
- 154998
- 235097
- 305795
- 3C5E92
- 486490
- 536A8D
- 5E708A
- 6A7587
- 757B84
Armonie di colore
Complementare +180°
- 00419A
Cascade Twilight
- 5F4200
≈ Mud Brown
Analogo -30° +30°
- 00419A
Cascade Twilight
- 004F6A
≈ Hanada Blue
- 4A2F95
≈ Galactic Purple
Triadico +120° +240°
- 00419A
Cascade Twilight
- 890623
≈ Red Mulled Wine
- 1A5700
≈ Lincoln Green
Complementare divisa +150° +210°
- 00419A
Cascade Twilight
- 743200
≈ Bay Brown
- 4C4B00
≈ Scorzonera Brown
Tetradico +90° +180° +270°
- 00419A
Cascade Twilight
- 7F0E55
≈ French Plum
- 5F4200
≈ Mud Brown
- 005540
≈ Sacramento State Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.44:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.22:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.44:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--cascade-twilight: #00419a;
--cascade-twilight-rgb: 0 65 154;
--cascade-twilight-oklch: oklch(0.401 0.157 259.2);
}
.element {
color: var(--cascade-twilight);
background-color: hsl(215 100% 30%);
border-color: oklch(0.401 0.157 259.2);
}Tailwind CSS v4
@theme {
--color-cascade-twilight: #00419a;
--color-cascade-twilight-50: #dcf6ff;
--color-cascade-twilight-100: #cbe9ff;
--color-cascade-twilight-200: #afd5ff;
--color-cascade-twilight-300: #8ab7ff;
--color-cascade-twilight-400: #649efa;
--color-cascade-twilight-500: #4083ec;
--color-cascade-twilight-600: #376fc7;
--color-cascade-twilight-700: #2c59a0;
--color-cascade-twilight-800: #1a4277;
--color-cascade-twilight-900: #112d54;
--color-cascade-twilight-950: #041a39;
}SCSS
$cascade-twilight: #00419a;
$cascade-twilight-rgb: 0, 65, 154;
$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);
}