Benannte Farbe · #4B9099
Adrift
Adrift ist #4B9099: rgb(75 144 153), hsl(187 34% 45%), oklch(0.612 0.071 206.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Adrift color name →
#4B9099
oklch(0.612 0.071 206.6)
Farbumrechnungen
- HEX
- #4b9099
- RGB
- rgb(75 144 153)
- HSL
- hsl(187 34% 45%)
- HWB
- hwb(187 29% 40%)
- OKLCH
- oklch(0.612 0.071 206.6)
- OKLab
- oklab(0.612 -0.063 -0.032)
- CIE Lab
- lab(55.57 -20.82 -11.91)
- LCH
- lch(55.57 23.99 209.8)
- CMYK
- cmyk(51% 6% 0% 40%)
Tints · Shades · Tones
Tints
- 5E9BA3
- 71A6AD
- 83B1B7
- 94BCC1
- A6C7CB
- B8D2D5
- C9DDE0
- DBE8EA
- EDF4F4
Shades
- 407D84
- 356A70
- 2B575D
- 21454A
- 173438
- 0E2427
- 061517
- 020708
- 000101
Tones
- 528F97
- 598D94
- 5F8B92
- 648A8F
- 69888D
- 6E878A
- 738588
- 788385
- 7C8283
Farbharmonien
Komplementär +180°
- 4B9099
Adrift
- AA736D
≈ Dusky Haze
Analog -30° +30°
- 4B9099
Adrift
- 529282
≈ Spa Green
- 598AA9
≈ Air Force Blue
Triadisch +120° +240°
- 4B9099
Adrift
- 9B759A
≈ Rebel Rouser
- 968151
≈ Picholine Olive
Geteilt komplementär +150° +210°
- 4B9099
Adrift
- A77285
≈ Never Forget
- A57959
≈ Smokey Topaz
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.65:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.74:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.74:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--adrift: #4b9099;
--adrift-rgb: 75 144 153;
--adrift-oklch: oklch(0.612 0.071 206.6);
}
.element {
color: var(--adrift);
background-color: hsl(187 34% 45%);
border-color: oklch(0.612 0.071 206.6);
}Tailwind CSS v4
@theme {
--color-adrift: #4b9099;
--color-adrift-50: #dffbff;
--color-adrift-100: #ceeff4;
--color-adrift-200: #b2dde4;
--color-adrift-300: #8dc2cb;
--color-adrift-400: #6aabb3;
--color-adrift-500: #45949e;
--color-adrift-600: #3c7d85;
--color-adrift-700: #30646b;
--color-adrift-800: #214a4e;
--color-adrift-900: #163336;
--color-adrift-950: #071f21;
}SCSS
$adrift: #4b9099;
$adrift-rgb: 75, 144, 153;
$adrift-light: mix(#fff, $adrift, 20%);
$adrift-dark: mix(#000, $adrift, 20%);
.element {
color: $adrift;
box-shadow: 0 0 0 2px rgba($adrift, 0.35);
}