Benannte Farbe · #446A8D
Honky Tonk Blue
Honky Tonk Blue ist #446A8D: rgb(68 106 141), hsl(209 35% 41%), oklch(0.511 0.071 247.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Honky Tonk Blue color name →
#446A8D
oklch(0.511 0.071 247.4)
Farbumrechnungen
- HEX
- #446a8d
- RGB
- rgb(68 106 141)
- HSL
- hsl(209 35% 41%)
- HWB
- hwb(209 27% 45%)
- OKLCH
- oklch(0.511 0.071 247.4)
- OKLab
- oklab(0.511 -0.027 -0.065)
- CIE Lab
- lab(43.11 -5.98 -23.81)
- LCH
- lch(43.11 24.55 255.9)
- CMYK
- cmyk(52% 25% 0% 45%)
Tints · Shades · Tones
Tints
- 567898
- 6886A3
- 7A95AF
- 8CA3BA
- 9EB2C5
- B1C1D1
- C4D0DC
- D8E0E8
- EBEFF3
Shades
- 3A5B7A
- 304D67
- 263F55
- 1D3144
- 142433
- 0C1823
- 050D14
- 020407
- 000001
Tones
- 4A6C8C
- 516F8B
- 57718A
- 5D7388
- 637587
- 697886
- 6F7A85
- 747C83
- 7A7E82
Farbharmonien
Komplementär +180°
- 446A8D
Honky Tonk Blue
- 825E38
≈ Rubber
Analog -30° +30°
- 446A8D
Honky Tonk Blue
- 2F7081
≈ Tlāloc Blue
- 5C628F
≈ Majestic Purple
Triadisch +120° +240°
- 446A8D
Honky Tonk Blue
- 89555F
≈ Aged Wine
- 5B6E41
≈ Chalet Green
Geteilt komplementär +150° +210°
- 446A8D
Honky Tonk Blue
- 8A5849
≈ True Copper
- 716735
≈ Robinhood
Tetradisch +90° +180° +270°
- 446A8D
Honky Tonk Blue
- 815675
≈ Magnificence
- 825E38
≈ Rubber
- 417356
≈ Fairway
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.68:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.69:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--honky-tonk-blue: #446a8d;
--honky-tonk-blue-rgb: 68 106 141;
--honky-tonk-blue-oklch: oklch(0.511 0.071 247.4);
}
.element {
color: var(--honky-tonk-blue);
background-color: hsl(209 35% 41%);
border-color: oklch(0.511 0.071 247.4);
}Tailwind CSS v4
@theme {
--color-honky-tonk-blue: #446a8d;
--color-honky-tonk-blue-50: #e6f7ff;
--color-honky-tonk-blue-100: #d7eaff;
--color-honky-tonk-blue-200: #bed7f2;
--color-honky-tonk-blue-300: #9cbbdb;
--color-honky-tonk-blue-400: #7da3c7;
--color-honky-tonk-blue-500: #5f8bb3;
--color-honky-tonk-blue-600: #517597;
--color-honky-tonk-blue-700: #415e79;
--color-honky-tonk-blue-800: #2d4559;
--color-honky-tonk-blue-900: #1e303f;
--color-honky-tonk-blue-950: #0e1c28;
}SCSS
$honky-tonk-blue: #446a8d;
$honky-tonk-blue-rgb: 68, 106, 141;
$honky-tonk-blue-light: mix(#fff, $honky-tonk-blue, 20%);
$honky-tonk-blue-dark: mix(#000, $honky-tonk-blue, 20%);
.element {
color: $honky-tonk-blue;
box-shadow: 0 0 0 2px rgba($honky-tonk-blue, 0.35);
}