Nächste benannte Farbe · #59B9BA
#59B9BA
Nächste benannte Farbe: Castaway
#59B9BA (rgb(89 185 186), hsl(181 41% 54%), oklch(0.729 0.09 196.3)) liegt am nächsten an der benannten Farbe Castaway. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#59B9BA
oklch(0.729 0.09 196.3)
Farbumrechnungen
- HEX
- #59b9ba
- RGB
- rgb(89 185 186)
- HSL
- hsl(181 41% 54%)
- HWB
- hwb(181 35% 27%)
- OKLCH
- oklch(0.729 0.09 196.3)
- OKLab
- oklab(0.729 -0.087 -0.025)
- CIE Lab
- lab(69.45 -29.29 -9.66)
- LCH
- lch(69.45 30.84 198.3)
- CMYK
- cmyk(52% 1% 0% 27%)
Tints · Shades · Tones
Tints
- 6DC0C1
- 7FC7C8
- 90CECE
- A1D5D5
- B1DCDC
- C1E3E3
- D0EAEA
- E0F1F1
- F0F8F8
Shades
- 4CA0A1
- 408989
- 347172
- 285B5C
- 1D4646
- 133132
- 091E1E
- 030D0D
- 000202
Tones
- 60B3B4
- 66AEAE
- 6BA8A8
- 6FA2A2
- 739D9D
- 769797
- 799191
- 7C8B8B
- 7E8686
Farbharmonien
Komplementär +180°
- 59B9BA
Castaway
- DA9094
≈ Pink Clay Pot
Analog -30° +30°
- 59B9BA
Castaway
- 6CBA9A
≈ Mint Cold Green
- 64B3D3
≈ Shimmering Brook
Triadisch +120° +240°
- 59B9BA
Castaway
- BE96CE
≈ Amethyst Show
- C8A064
≈ Sunrise Heat
Geteilt komplementär +150° +210°
- 59B9BA
Castaway
- D190B3
≈ Moonlit Mauve
- D79676
≈ Sweet Cardamom
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.07:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--castaway: #59b9ba;
--castaway-rgb: 89 185 186;
--castaway-oklch: oklch(0.729 0.09 196.3);
}
.element {
color: var(--castaway);
background-color: hsl(181 41% 54%);
border-color: oklch(0.729 0.09 196.3);
}Tailwind CSS v4
@theme {
--color-castaway: #59b9ba;
--color-castaway-50: #d8feff;
--color-castaway-100: #c6f2f3;
--color-castaway-200: #a7e1e2;
--color-castaway-300: #7ec6c8;
--color-castaway-400: #55afb0;
--color-castaway-500: #1e989a;
--color-castaway-600: #1e8182;
--color-castaway-700: #186768;
--color-castaway-800: #0f4c4c;
--color-castaway-900: #0a3534;
--color-castaway-950: #002020;
}SCSS
$castaway: #59b9ba;
$castaway-rgb: 89, 185, 186;
$castaway-light: mix(#fff, $castaway, 20%);
$castaway-dark: mix(#000, $castaway, 20%);
.element {
color: $castaway;
box-shadow: 0 0 0 2px rgba($castaway, 0.35);
}