Benannte Farbe · #17184B
Tetsu-Kon Blue
Tetsu-Kon Blue ist #17184B: rgb(23 24 75), hsl(239 53% 19%), oklch(0.245 0.092 276.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Tetsu-Kon Blue color name →
#17184B
oklch(0.245 0.092 276.3)
Farbumrechnungen
- HEX
- #17184b
- RGB
- rgb(23 24 75)
- HSL
- hsl(239 53% 19%)
- HWB
- hwb(239 9% 71%)
- OKLCH
- oklch(0.245 0.092 276.3)
- OKLab
- oklab(0.245 0.01 -0.092)
- CIE Lab
- lab(11.08 14.23 -32.52)
- LCH
- lch(11.08 35.5 293.6)
- CMYK
- cmyk(69% 68% 0% 71%)
Tints · Shades · Tones
Tints
- 292D5C
- 3C426E
- 515880
- 686E91
- 7F85A3
- 979CB5
- B0B4C7
- CACDDA
- E4E6EC
Shades
- 121340
- 0E0F35
- 0A0A2B
- 060721
- 040417
- 02020E
- 010106
- 000002
- 000000
Tones
- 1F2351
- 282D57
- 32375C
- 3C4262
- 474C67
- 52566C
- 5D6071
- 686B76
- 74757B
Farbharmonien
Komplementär +180°
- 17184B
Tetsu-Kon Blue
- 282000
≈ Liquorice Root
Analog -30° +30°
- 17184B
Tetsu-Kon Blue
- 00223D
≈ Midnight Mirage
- 2C1042
≈ Oily Purple
Triadisch +120° +240°
- 17184B
Tetsu-Kon Blue
- 3F0B00
≈ Red Bean
- 002814
≈ Nori Green
Geteilt komplementär +150° +210°
- 17184B
Tetsu-Kon Blue
- 311A00
≈ Powdered Cocoa
- 192500
≈ Lindworm Green
Tetradisch +90° +180° +270°
- 17184B
Tetsu-Kon Blue
- 410319
≈ Blaze It Dark Magenta
- 282000
≈ Liquorice Root
- 002724
≈ Teal Spill
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 16.55:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.26:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 16.55:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--tetsu-kon-blue: #17184b;
--tetsu-kon-blue-rgb: 23 24 75;
--tetsu-kon-blue-oklch: oklch(0.245 0.092 276.3);
}
.element {
color: var(--tetsu-kon-blue);
background-color: hsl(239 53% 19%);
border-color: oklch(0.245 0.092 276.3);
}Tailwind CSS v4
@theme {
--color-tetsu-kon-blue: #17184b;
--color-tetsu-kon-blue-50: #eff3ff;
--color-tetsu-kon-blue-100: #e0e6ff;
--color-tetsu-kon-blue-200: #cbd1fc;
--color-tetsu-kon-blue-300: #acb3e7;
--color-tetsu-kon-blue-400: #909ad5;
--color-tetsu-kon-blue-500: #7680c3;
--color-tetsu-kon-blue-600: #646da5;
--color-tetsu-kon-blue-700: #505784;
--color-tetsu-kon-blue-800: #394062;
--color-tetsu-kon-blue-900: #272c45;
--color-tetsu-kon-blue-950: #15192d;
}SCSS
$tetsu-kon-blue: #17184b;
$tetsu-kon-blue-rgb: 23, 24, 75;
$tetsu-kon-blue-light: mix(#fff, $tetsu-kon-blue, 20%);
$tetsu-kon-blue-dark: mix(#000, $tetsu-kon-blue, 20%);
.element {
color: $tetsu-kon-blue;
box-shadow: 0 0 0 2px rgba($tetsu-kon-blue, 0.35);
}