Nächste benannte Farbe · #93B4B9
#93B4B9
Nächste benannte Farbe: Ether
#93B4B9 (rgb(147 180 185), hsl(188 21% 65%), oklch(0.747 0.037 207.7)) liegt am nächsten an der benannten Farbe Ether. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#93B4B9
oklch(0.747 0.037 207.7)
Farbumrechnungen
- HEX
- #93b4b9
- RGB
- rgb(147 180 185)
- HSL
- hsl(188 21% 65%)
- HWB
- hwb(188 58% 27%)
- OKLCH
- oklch(0.747 0.037 207.7)
- OKLab
- oklab(0.747 -0.032 -0.017)
- CIE Lab
- lab(70.98 -10.77 -6.47)
- LCH
- lch(70.98 12.57 211)
- CMYK
- cmyk(21% 3% 0% 27%)
Tints · Shades · Tones
Tints
- 9EBBC0
- A8C3C7
- B3CACE
- BED2D5
- C8D9DC
- D3E1E3
- DEE8EA
- E9F0F1
- F4F7F8
Shades
- 7F9CA0
- 6C8589
- 596E71
- 47585B
- 364446
- 253031
- 161D1E
- 080C0D
- 010202
Tones
- 91AFB3
- 90A9AD
- 8EA4A8
- 8C9FA2
- 8A9A9C
- 889496
- 868F91
- 848A8B
- 828586
Farbharmonien
Komplementär +180°
- 93B4B9
Ether
- C3A5A0
≈ Sable Cloaked
Analog -30° +30°
- 93B4B9
Ether
- 95B5AD
≈ Treetop
- 98B1C2
≈ Cloudless Day
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 93B4B9
Ether
- C1A4AD
≈ Cold Pink
- C0A897
≈ Snug as a Bug
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.46:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--ether: #93b4b9;
--ether-rgb: 147 180 185;
--ether-oklch: oklch(0.747 0.037 207.7);
}
.element {
color: var(--ether);
background-color: hsl(188 21% 65%);
border-color: oklch(0.747 0.037 207.7);
}Tailwind CSS v4
@theme {
--color-ether: #93b4b9;
--color-ether-50: #eaf8fb;
--color-ether-100: #dbebef;
--color-ether-200: #c3d9dd;
--color-ether-300: #a3bdc2;
--color-ether-400: #86a5aa;
--color-ether-500: #6a8d93;
--color-ether-600: #5a787c;
--color-ether-700: #486063;
--color-ether-800: #344648;
--color-ether-900: #233132;
--color-ether-950: #121d1e;
}SCSS
$ether: #93b4b9;
$ether-rgb: 147, 180, 185;
$ether-light: mix(#fff, $ether, 20%);
$ether-dark: mix(#000, $ether, 20%);
.element {
color: $ether;
box-shadow: 0 0 0 2px rgba($ether, 0.35);
}