Nächste benannte Farbe · #4AA0E8
#4AA0E8
Nächste benannte Farbe: Windjammer
#4AA0E8 (rgb(74 160 232), hsl(207 77% 60%), oklch(0.685 0.135 246.8)) liegt am nächsten an der benannten Farbe Windjammer. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#4AA0E8
oklch(0.685 0.135 246.8)
Farbumrechnungen
- HEX
- #4aa0e8
- RGB
- rgb(74 160 232)
- HSL
- hsl(207 77% 60%)
- HWB
- hwb(207 29% 9%)
- OKLCH
- oklch(0.685 0.135 246.8)
- OKLab
- oklab(0.685 -0.053 -0.124)
- CIE Lab
- lab(63.02 -9.25 -44.73)
- LCH
- lch(63.02 45.67 258.3)
- CMYK
- cmyk(68% 31% 0% 9%)
Tints · Shades · Tones
Tints
- 5FAAEB
- 72B4EE
- 85BDF1
- 97C7F3
- A8D0F6
- BADAF8
- CBE3FA
- DCECFC
- EEF6FD
Shades
- 3F8BCA
- 3576AC
- 2A6190
- 204E74
- 173B59
- 0E2940
- 061929
- 020913
- 000103
Tones
- 529DDE
- 5A9AD3
- 6097C9
- 6694BE
- 6B91B4
- 708EAA
- 748B9F
- 798795
- 7C848B
Farbharmonien
Komplementär +180°
- 4AA0E8
Windjammer
- D1872C
≈ Pumpkin Squash
Analog -30° +30°
- 4AA0E8
Windjammer
- 00ABCA
≈ Gummy Dolphins
- 8590EC
≈ Perrywinkle
Triadisch +120° +240°
- 4AA0E8
Windjammer
- DE738C
≈ Raspberry Mousse
- 84A945
≈ Lime It or Leave It
Geteilt komplementär +150° +210°
- 4AA0E8
Windjammer
- E0795C
≈ Potash
- B29919
≈ Kalliene Yellow
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--windjammer: #4aa0e8;
--windjammer-rgb: 74 160 232;
--windjammer-oklch: oklch(0.685 0.135 246.8);
}
.element {
color: var(--windjammer);
background-color: hsl(207 77% 60%);
border-color: oklch(0.685 0.135 246.8);
}Tailwind CSS v4
@theme {
--color-windjammer: #4aa0e8;
--color-windjammer-50: #d8f9ff;
--color-windjammer-100: #c6edff;
--color-windjammer-200: #a7daff;
--color-windjammer-300: #7fbdfa;
--color-windjammer-400: #55a5e9;
--color-windjammer-500: #238cda;
--color-windjammer-600: #2176b8;
--color-windjammer-700: #1a5f93;
--color-windjammer-800: #0c466d;
--color-windjammer-900: #08304d;
--color-windjammer-950: #001c33;
}SCSS
$windjammer: #4aa0e8;
$windjammer-rgb: 74, 160, 232;
$windjammer-light: mix(#fff, $windjammer, 20%);
$windjammer-dark: mix(#000, $windjammer, 20%);
.element {
color: $windjammer;
box-shadow: 0 0 0 2px rgba($windjammer, 0.35);
}