Nächste benannte Farbe · #0099A8
#0099A8
Nächste benannte Farbe: Oasis
#0099A8 (rgb(0 153 168), hsl(185 100% 33%), oklch(0.624 0.107 207)) liegt am nächsten an der benannten Farbe Oasis. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0099A8
oklch(0.624 0.107 207)
Farbumrechnungen
- HEX
- #0099a8
- RGB
- rgb(0 153 168)
- HSL
- hsl(185 100% 33%)
- HWB
- hwb(185 0% 34%)
- OKLCH
- oklch(0.624 0.107 207)
- OKLab
- oklab(0.624 -0.095 -0.049)
- CIE Lab
- lab(57.28 -30.79 -18.06)
- LCH
- lch(57.28 35.69 210.4)
- CMYK
- cmyk(100% 9% 0% 34%)
Tints · Shades · Tones
Tints
- 39A3B1
- 56ADB9
- 6EB8C2
- 84C2CA
- 99CCD3
- AED6DC
- C2E0E5
- D7EBED
- EBF5F6
Shades
- 008492
- 00707C
- 005D67
- 004A52
- 00383F
- 00272C
- 00171A
- 00080A
- 000101
Tones
- 2897A4
- 3B94A0
- 48929C
- 539098
- 5C8D94
- 658B90
- 6C888C
- 738688
- 7A8384
Farbharmonien
Komplementär +180°
- 0099A8
Oasis
- C06D64
≈ Shepherd’s Warning
Analog -30° +30°
- 0099A8
Oasis
- 249C86
≈ Green Jelly
- 3D90C0
≈ Quiet Night
Triadisch +120° +240°
- 0099A8
Oasis
- A970A9
≈ Berry Burst
- A38330
≈ Cloisonné Gold
Geteilt komplementär +150° +210°
- 0099A8
Oasis
- BA6B88
≈ Pinky Pickle
- B87642
≈ Palomino
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.43:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.12:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.12:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--oasis: #0099a8;
--oasis-rgb: 0 153 168;
--oasis-oklch: oklch(0.624 0.107 207);
}
.element {
color: var(--oasis);
background-color: hsl(185 100% 33%);
border-color: oklch(0.624 0.107 207);
}Tailwind CSS v4
@theme {
--color-oasis: #0099a8;
--color-oasis-50: #d3feff;
--color-oasis-100: #bff2fb;
--color-oasis-200: #9ee2ed;
--color-oasis-300: #71c7d5;
--color-oasis-400: #3fb0be;
--color-oasis-500: #0099aa;
--color-oasis-600: #008290;
--color-oasis-700: #006873;
--color-oasis-800: #004d54;
--color-oasis-900: #00353b;
--color-oasis-950: #002025;
}SCSS
$oasis: #0099a8;
$oasis-rgb: 0, 153, 168;
$oasis-light: mix(#fff, $oasis, 20%);
$oasis-dark: mix(#000, $oasis, 20%);
.element {
color: $oasis;
box-shadow: 0 0 0 2px rgba($oasis, 0.35);
}