Nächste benannte Farbe · #409EA8
#409EA8
Nächste benannte Farbe: Atlas Cedar
#409EA8 (rgb(64 158 168), hsl(186 45% 45%), oklch(0.648 0.088 204.9)) liegt am nächsten an der benannten Farbe Atlas Cedar. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#409EA8
oklch(0.648 0.088 204.9)
Farbumrechnungen
- HEX
- #409ea8
- RGB
- rgb(64 158 168)
- HSL
- hsl(186 45% 45%)
- HWB
- hwb(186 25% 34%)
- OKLCH
- oklch(0.648 0.088 204.9)
- OKLab
- oklab(0.648 -0.08 -0.037)
- CIE Lab
- lab(59.91 -26.35 -13.98)
- LCH
- lch(59.91 29.83 207.9)
- CMYK
- cmyk(62% 6% 0% 34%)
Tints · Shades · Tones
Tints
- 57A8B0
- 6CB1B9
- 7FBBC2
- 92C5CA
- A5CED3
- B7D8DC
- C9E2E4
- DBEBED
- EDF5F6
Shades
- 368992
- 2D747C
- 246067
- 1B4D52
- 133A3F
- 0B292C
- 05181A
- 01090A
- 000101
Tones
- 4A9BA4
- 5398A0
- 5B959C
- 629298
- 688F94
- 6D8C90
- 73898C
- 778688
- 7C8384
Farbharmonien
Komplementär +180°
- 409EA8
Atlas Cedar
- BF7973
≈ Antique Pink
Analog -30° +30°
- 409EA8
Atlas Cedar
- 4CA08B
≈ Dioptase Green
- 5497BD
≈ Mountain Bluebird
Triadisch +120° +240°
- 409EA8
Atlas Cedar
- AA7CAC
≈ Heart Potion
- A78A4C
≈ Mustard Gold
Geteilt komplementär +150° +210°
- 409EA8
Atlas Cedar
- B97891
≈ Strawberry Surprise
- B88059
≈ Southern Barrens Mud
Tetradisch +90° +180° +270°
- 409EA8
Atlas Cedar
- 9284BF
≈ Amethyst Grey
- BF7973
≈ Antique Pink
- 8D9554
≈ Topiary
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.67:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.67:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--atlas-cedar: #409ea8;
--atlas-cedar-rgb: 64 158 168;
--atlas-cedar-oklch: oklch(0.648 0.088 204.9);
}
.element {
color: var(--atlas-cedar);
background-color: hsl(186 45% 45%);
border-color: oklch(0.648 0.088 204.9);
}Tailwind CSS v4
@theme {
--color-atlas-cedar: #409ea8;
--color-atlas-cedar-50: #d9fdff;
--color-atlas-cedar-100: #c7f1f7;
--color-atlas-cedar-200: #a8e0e7;
--color-atlas-cedar-300: #80c5ce;
--color-atlas-cedar-400: #58aeb7;
--color-atlas-cedar-500: #2497a2;
--color-atlas-cedar-600: #227f89;
--color-atlas-cedar-700: #1c666e;
--color-atlas-cedar-800: #114b50;
--color-atlas-cedar-900: #0b3438;
--color-atlas-cedar-950: #002022;
}SCSS
$atlas-cedar: #409ea8;
$atlas-cedar-rgb: 64, 158, 168;
$atlas-cedar-light: mix(#fff, $atlas-cedar, 20%);
$atlas-cedar-dark: mix(#000, $atlas-cedar, 20%);
.element {
color: $atlas-cedar;
box-shadow: 0 0 0 2px rgba($atlas-cedar, 0.35);
}