Nächste benannte Farbe · #0096A9
#0096A9
Nächste benannte Farbe: Oasis
#0096A9 (rgb(0 150 169), hsl(187 100% 33%), oklch(0.617 0.107 210.4)) liegt am nächsten an der benannten Farbe Oasis. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0096A9
oklch(0.617 0.107 210.4)
Farbumrechnungen
- HEX
- #0096a9
- RGB
- rgb(0 150 169)
- HSL
- hsl(187 100% 33%)
- HWB
- hwb(187 0% 34%)
- OKLCH
- oklch(0.617 0.107 210.4)
- OKLab
- oklab(0.617 -0.092 -0.054)
- CIE Lab
- lab(56.36 -29.21 -20.02)
- LCH
- lch(56.36 35.41 214.4)
- CMYK
- cmyk(100% 11% 0% 34%)
Tints · Shades · Tones
Tints
- 38A0B2
- 55ABBA
- 6DB5C3
- 83C0CB
- 99CAD4
- ADD5DC
- C2DFE5
- D6EAEE
- EBF4F6
Shades
- 008292
- 006E7C
- 005B67
- 004953
- 00373F
- 00262C
- 00161B
- 00080A
- 000101
Tones
- 2894A5
- 3A92A1
- 47909D
- 528E99
- 5C8C95
- 648A91
- 6C878C
- 738588
- 7A8384
Farbharmonien
Komplementär +180°
- 0096A9
Oasis
- BD6B5E
≈ Tapestry Red
Analog -30° +30°
- 0096A9
Oasis
- 199A88
≈ Flamboyant Teal
- 418DBF
≈ Quiet Night
Triadisch +120° +240°
- 0096A9
Oasis
- AA6DA3
≈ Violet Femmes
- 9E822D
≈ Hacienda
Geteilt komplementär +150° +210°
- 0096A9
Oasis
- B96882
≈ Creamed Raspberry
- B4753D
≈ Saucy Gold
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.53:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.93:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--oasis: #0096a9;
--oasis-rgb: 0 150 169;
--oasis-oklch: oklch(0.617 0.107 210.4);
}
.element {
color: var(--oasis);
background-color: hsl(187 100% 33%);
border-color: oklch(0.617 0.107 210.4);
}Tailwind CSS v4
@theme {
--color-oasis: #0096a9;
--color-oasis-50: #d3feff;
--color-oasis-100: #c0f2fd;
--color-oasis-200: #9ee1ef;
--color-oasis-300: #72c6d8;
--color-oasis-400: #41afc2;
--color-oasis-500: #0098ad;
--color-oasis-600: #008193;
--color-oasis-700: #006775;
--color-oasis-800: #004c56;
--color-oasis-900: #00353c;
--color-oasis-950: #002026;
}SCSS
$oasis: #0096a9;
$oasis-rgb: 0, 150, 169;
$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);
}