Nächste benannte Farbe · #004168
#004168
Nächste benannte Farbe: Poseidon
#004168 (rgb(0 65 104), hsl(203 100% 20%), oklch(0.361 0.089 243.7)) liegt am nächsten an der benannten Farbe Poseidon. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#004168
oklch(0.361 0.089 243.7)
Farbumrechnungen
- HEX
- #004168
- RGB
- rgb(0 65 104)
- HSL
- hsl(203 100% 20%)
- HWB
- hwb(203 0% 59%)
- OKLCH
- oklch(0.361 0.089 243.7)
- OKLab
- oklab(0.361 -0.039 -0.079)
- CIE Lab
- lab(25.65 -6.2 -28.46)
- LCH
- lch(25.65 29.13 257.7)
- CMYK
- cmyk(100% 38% 0% 59%)
Tints · Shades · Tones
Tints
- 225377
- 3B6585
- 527794
- 6A89A3
- 829CB2
- 9AAFC1
- B2C3D1
- CCD7E0
- E5EBEF
Shades
- 003759
- 002E4B
- 00253E
- 001C30
- 001324
- 000B18
- 00050C
- 000104
- 000000
Tones
- 15486B
- 244E6E
- 315470
- 3D5B73
- 486175
- 536778
- 5F6D7A
- 6A747C
- 757A7E
Farbharmonien
Komplementär +180°
- 004168
Poseidon
- 5B3200
≈ Eyelash Camel
Analog -30° +30°
- 004168
Poseidon
- 004652
≈ Crab Nebula
- 2F386B
≈ Spirit Blue
Triadisch +120° +240°
- 004168
Poseidon
- 622638
≈ Wine Country
- 344501
≈ Garden Shadow
Geteilt komplementär +150° +210°
- 004168
Poseidon
- 64291C
≈ Chestnut Leather
- 4A3C00
≈ Xanthophobia
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.73:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.95:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.73:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--poseidon: #004168;
--poseidon-rgb: 0 65 104;
--poseidon-oklch: oklch(0.361 0.089 243.7);
}
.element {
color: var(--poseidon);
background-color: hsl(203 100% 20%);
border-color: oklch(0.361 0.089 243.7);
}Tailwind CSS v4
@theme {
--color-poseidon: #004168;
--color-poseidon-50: #e1f8ff;
--color-poseidon-100: #d0ecff;
--color-poseidon-200: #b6d9f8;
--color-poseidon-300: #92bde2;
--color-poseidon-400: #70a5cf;
--color-poseidon-500: #4e8cbd;
--color-poseidon-600: #43779f;
--color-poseidon-700: #355f80;
--color-poseidon-800: #24465e;
--color-poseidon-900: #183042;
--color-poseidon-950: #091d2a;
}SCSS
$poseidon: #004168;
$poseidon-rgb: 0, 65, 104;
$poseidon-light: mix(#fff, $poseidon, 20%);
$poseidon-dark: mix(#000, $poseidon, 20%);
.element {
color: $poseidon;
box-shadow: 0 0 0 2px rgba($poseidon, 0.35);
}