Nächste benannte Farbe · #004A77
#004A77
Nächste benannte Farbe: Sea Paint
#004A77 (rgb(0 74 119), hsl(203 100% 23%), oklch(0.395 0.099 244.6)) liegt am nächsten an der benannten Farbe Sea Paint. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#004A77
oklch(0.395 0.099 244.6)
Farbumrechnungen
- HEX
- #004a77
- RGB
- rgb(0 74 119)
- HSL
- hsl(203 100% 23%)
- HWB
- hwb(203 0% 53%)
- OKLCH
- oklch(0.395 0.099 244.6)
- OKLab
- oklab(0.395 -0.042 -0.089)
- CIE Lab
- lab(29.48 -6.21 -31.88)
- LCH
- lch(29.48 32.48 259)
- CMYK
- cmyk(100% 38% 0% 53%)
Tints · Shades · Tones
Tints
- 255B85
- 3E6C92
- 557EA0
- 6D90AD
- 84A2BB
- 9CB4C8
- B4C6D6
- CDD9E4
- E6ECF1
Shades
- 003F67
- 003557
- 002A47
- 002038
- 00172A
- 000E1C
- 000610
- 000205
- 000001
Tones
- 185078
- 27557A
- 345B7B
- 3F607C
- 4B667D
- 556B7E
- 60707F
- 6B767F
- 757B80
Farbharmonien
Komplementär +180°
- 004A77
Sea Paint
- 663A00
≈ Brown
Analog -30° +30°
- 004A77
Sea Paint
- 004F5D
≈ Kali Blue
- 37407A
≈ British Mauve
Triadisch +120° +240°
- 004A77
Sea Paint
- 702C3F
≈ Anthracite Red
- 3B4F00
≈ Godzilla
Geteilt komplementär +150° +210°
- 004A77
Sea Paint
- 722F1F
≈ Hihada Brown
- 544500
≈ Sugarloaf Brown
Tetradisch +90° +180° +270°
- 004A77
Sea Paint
- 652F5B
≈ Velvet Mauve
- 663A00
≈ Brown
- 00552D
≈ Lemon Balm Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.35:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.24:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.35:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--sea-paint: #004a77;
--sea-paint-rgb: 0 74 119;
--sea-paint-oklch: oklch(0.395 0.099 244.6);
}
.element {
color: var(--sea-paint);
background-color: hsl(203 100% 23%);
border-color: oklch(0.395 0.099 244.6);
}Tailwind CSS v4
@theme {
--color-sea-paint: #004a77;
--color-sea-paint-50: #dff9ff;
--color-sea-paint-100: #ceecff;
--color-sea-paint-200: #b3d9fd;
--color-sea-paint-300: #8ebde8;
--color-sea-paint-400: #6aa5d5;
--color-sea-paint-500: #478cc3;
--color-sea-paint-600: #3d77a4;
--color-sea-paint-700: #315f84;
--color-sea-paint-800: #204662;
--color-sea-paint-900: #153144;
--color-sea-paint-950: #061d2c;
}SCSS
$sea-paint: #004a77;
$sea-paint-rgb: 0, 74, 119;
$sea-paint-light: mix(#fff, $sea-paint, 20%);
$sea-paint-dark: mix(#000, $sea-paint, 20%);
.element {
color: $sea-paint;
box-shadow: 0 0 0 2px rgba($sea-paint, 0.35);
}