Nächste benannte Farbe · #1A3859
#1A3859
Nächste benannte Farbe: Nautilus
#1A3859 (rgb(26 56 89), hsl(211 55% 23%), oklch(0.335 0.069 252.5)) liegt am nächsten an der benannten Farbe Nautilus. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1A3859
oklch(0.335 0.069 252.5)
Farbumrechnungen
- HEX
- #1a3859
- RGB
- rgb(26 56 89)
- HSL
- hsl(211 55% 23%)
- HWB
- hwb(211 10% 65%)
- OKLCH
- oklch(0.335 0.069 252.5)
- OKLab
- oklab(0.335 -0.021 -0.066)
- CIE Lab
- lab(22.55 -2.16 -23.59)
- LCH
- lch(22.55 23.69 264.8)
- CMYK
- cmyk(71% 37% 0% 65%)
Tints · Shades · Tones
Tints
- 2F4A69
- 445C79
- 596F89
- 6F8399
- 8696AA
- 9DAABA
- B5BFCB
- CDD4DC
- E6E9EE
Shades
- 152F4C
- 102740
- 0C1F34
- 071728
- 040F1D
- 020813
- 010409
- 000103
- 000000
Tones
- 243F5D
- 2F4661
- 384D65
- 425469
- 4D5C6D
- 576371
- 616A75
- 6B7179
- 75797C
Farbharmonien
Komplementär +180°
- 1A3859
Nautilus
- 4C3003
≈ Kyoto House
Analog -30° +30°
- 1A3859
Nautilus
- 003D4E
≈ Duskwood
- 323159
≈ Quill Tip
Triadisch +120° +240°
- 1A3859
Nautilus
- 54262D
≈ Black Rose
- 293E16
≈ Myrtle
Geteilt komplementär +150° +210°
- 1A3859
Nautilus
- 542918
≈ Boson Brown
- 3E3802
≈ Camouflage
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.97:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.75:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.97:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--nautilus: #1a3859;
--nautilus-rgb: 26 56 89;
--nautilus-oklch: oklch(0.335 0.069 252.5);
}
.element {
color: var(--nautilus);
background-color: hsl(211 55% 23%);
border-color: oklch(0.335 0.069 252.5);
}Tailwind CSS v4
@theme {
--color-nautilus: #1a3859;
--color-nautilus-50: #e8f7ff;
--color-nautilus-100: #d9eaff;
--color-nautilus-200: #c1d6f2;
--color-nautilus-300: #a0badb;
--color-nautilus-400: #81a1c7;
--color-nautilus-500: #6589b3;
--color-nautilus-600: #567497;
--color-nautilus-700: #445d79;
--color-nautilus-800: #30445a;
--color-nautilus-900: #212f3f;
--color-nautilus-950: #101c28;
}SCSS
$nautilus: #1a3859;
$nautilus-rgb: 26, 56, 89;
$nautilus-light: mix(#fff, $nautilus, 20%);
$nautilus-dark: mix(#000, $nautilus, 20%);
.element {
color: $nautilus;
box-shadow: 0 0 0 2px rgba($nautilus, 0.35);
}