Nächste benannte Farbe · #00419A
#00419A
Nächste benannte Farbe: Cascade Twilight
#00419A (rgb(0 65 154), hsl(215 100% 30%), oklch(0.401 0.157 259.2)) liegt am nächsten an der benannten Farbe Cascade Twilight. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00419A
oklch(0.401 0.157 259.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 2155A5
- 3A68B0
- 527BBB
- 698DC5
- 81A0D0
- 9AB3DA
- B2C5E3
- CBD8ED
- E5ECF6
Shades
- 003785
- 002E71
- 00255E
- 001C4B
- 001339
- 000B27
- 000517
- 000109
- 000001
Tones
- 154998
- 235097
- 305795
- 3C5E92
- 486490
- 536A8D
- 5E708A
- 6A7587
- 757B84
Farbharmonien
Komplementär +180°
- 00419A
Cascade Twilight
- 5F4200
≈ Mud Brown
Analog -30° +30°
- 00419A
Cascade Twilight
- 004F6A
≈ Hanada Blue
- 4A2F95
≈ Galactic Purple
Triadisch +120° +240°
- 00419A
Cascade Twilight
- 890623
≈ Red Mulled Wine
- 1A5700
≈ Lincoln Green
Geteilt komplementär +150° +210°
- 00419A
Cascade Twilight
- 743200
≈ Bay Brown
- 4C4B00
≈ Scorzonera Brown
Tetradisch +90° +180° +270°
- 00419A
Cascade Twilight
- 7F0E55
≈ French Plum
- 5F4200
≈ Mud Brown
- 005540
≈ Sacramento State Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.44:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.22:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.44:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
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);
}