Benannte Farbe · #0098C8
UV Light
UV Light ist #0098C8: rgb(0 152 200), hsl(194 100% 39%), oklch(0.636 0.126 229.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · UV Light color name →
#0098C8
oklch(0.636 0.126 229.6)
Farbumrechnungen
- HEX
- #0098c8
- RGB
- rgb(0 152 200)
- HSL
- hsl(194 100% 39%)
- HWB
- hwb(194 0% 22%)
- OKLCH
- oklch(0.636 0.126 229.6)
- OKLab
- oklab(0.636 -0.082 -0.096)
- CIE Lab
- lab(58.05 -21.45 -34.88)
- LCH
- lch(58.05 40.95 238.4)
- CMYK
- cmyk(100% 24% 0% 22%)
Tints · Shades · Tones
Tints
- 39A3CE
- 56ADD4
- 6EB7DA
- 84C2DF
- 99CCE5
- AED6EA
- C2E0EF
- D7EBF5
- EBF5FA
Shades
- 0084AE
- 007094
- 005C7B
- 004A63
- 00384C
- 002736
- 001721
- 00080F
- 000102
Tones
- 2896C1
- 3B94BA
- 4892B3
- 538FAB
- 5C8DA4
- 658B9D
- 6C8896
- 73868F
- 7A8387
Farbharmonien
Komplementär +180°
- 0098C8
UV Light
- C7723F
≈ Zest
Analog -30° +30°
- 0098C8
UV Light
- 009EA4
≈ Turkish Boy
- 5C8BD7
≈ Blue Jay
Triadisch +120° +240°
- 0098C8
UV Light
- C36996
≈ Nocturnal Rose
- 919123
≈ Old Asparagus
Geteilt komplementär +150° +210°
- 0098C8
UV Light
- CC696B
≈ Strawberry Wine
- B38116
≈ Arrowwood
Tetradisch +90° +180° +270°
- 0098C8
UV Light
- AC70BB
≈ Soft Purple
- C7723F
≈ Zest
- 609D51
≈ Muted Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.31:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.32:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.32:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--uv-light: #0098c8;
--uv-light-rgb: 0 152 200;
--uv-light-oklch: oklch(0.636 0.126 229.6);
}
.element {
color: var(--uv-light);
background-color: hsl(194 100% 39%);
border-color: oklch(0.636 0.126 229.6);
}Tailwind CSS v4
@theme {
--color-uv-light: #0098c8;
--color-uv-light-50: #d2fdff;
--color-uv-light-100: #bef0ff;
--color-uv-light-200: #9cdfff;
--color-uv-light-300: #6fc3ed;
--color-uv-light-400: #3aacda;
--color-uv-light-500: #0094c9;
--color-uv-light-600: #007da9;
--color-uv-light-700: #006488;
--color-uv-light-800: #004a64;
--color-uv-light-900: #003346;
--color-uv-light-950: #001f2e;
}SCSS
$uv-light: #0098c8;
$uv-light-rgb: 0, 152, 200;
$uv-light-light: mix(#fff, $uv-light, 20%);
$uv-light-dark: mix(#000, $uv-light, 20%);
.element {
color: $uv-light;
box-shadow: 0 0 0 2px rgba($uv-light, 0.35);
}