Nächste benannte Farbe · #1A2F3E
#1A2F3E
Nächste benannte Farbe: Blue Whale
#1A2F3E (rgb(26 47 62), hsl(205 41% 17%), oklch(0.295 0.038 240.9)) liegt am nächsten an der benannten Farbe Blue Whale. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1A2F3E
oklch(0.295 0.038 240.9)
Farbumrechnungen
- HEX
- #1a2f3e
- RGB
- rgb(26 47 62)
- HSL
- hsl(205 41% 17%)
- HWB
- hwb(205 10% 76%)
- OKLCH
- oklch(0.295 0.038 240.9)
- OKLab
- oklab(0.295 -0.019 -0.034)
- CIE Lab
- lab(18.19 -4.81 -12.31)
- LCH
- lch(18.19 13.21 248.7)
- CMYK
- cmyk(58% 24% 0% 76%)
Tints · Shades · Tones
Tints
- 2E414F
- 425461
- 586773
- 6E7B86
- 849099
- 9CA5AD
- B4BBC1
- CCD1D5
- E5E8EA
Shades
- 152735
- 10202B
- 0C1923
- 07121A
- 040C12
- 02060A
- 010304
- 000101
- 000000
Tones
- 243744
- 2D3E4B
- 374651
- 414E58
- 4B565E
- 565E65
- 60676C
- 6A6F72
- 757779
Farbharmonien
Komplementär +180°
- 1A2F3E
Blue Whale
- 3B2818
≈ Woodsy Brown
Analog -30° +30°
- 1A2F3E
Blue Whale
- 123237
≈ Elite Teal
- 252B40
≈ Valhalla
Triadisch +120° +240°
- 1A2F3E
Blue Whale
- 3D242B
≈ Temptress
- 2A3019
≈ Mountain Range Green
Geteilt komplementär +150° +210°
- 1A2F3E
Blue Whale
- 3E2521
≈ Ethereal Espresso
- 342C15
≈ Brown Tumbleweed
Tetradisch +90° +180° +270°
- 1A2F3E
Blue Whale
- 382535
≈ Rare Wine
- 3B2818
≈ Woodsy Brown
- 1E3223
≈ Cardin Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.81:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.52:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.81:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--blue-whale: #1a2f3e;
--blue-whale-rgb: 26 47 62;
--blue-whale-oklch: oklch(0.295 0.038 240.9);
}
.element {
color: var(--blue-whale);
background-color: hsl(205 41% 17%);
border-color: oklch(0.295 0.038 240.9);
}Tailwind CSS v4
@theme {
--color-blue-whale: #1a2f3e;
--color-blue-whale-50: #ecf7ff;
--color-blue-whale-100: #ddeaf4;
--color-blue-whale-200: #c7d7e4;
--color-blue-whale-300: #a7baca;
--color-blue-whale-400: #8ba2b3;
--color-blue-whale-500: #708a9e;
--color-blue-whale-600: #5f7585;
--color-blue-whale-700: #4c5d6b;
--color-blue-whale-800: #36444e;
--color-blue-whale-900: #252f37;
--color-blue-whale-950: #141c21;
}SCSS
$blue-whale: #1a2f3e;
$blue-whale-rgb: 26, 47, 62;
$blue-whale-light: mix(#fff, $blue-whale, 20%);
$blue-whale-dark: mix(#000, $blue-whale, 20%);
.element {
color: $blue-whale;
box-shadow: 0 0 0 2px rgba($blue-whale, 0.35);
}