Benannte Farbe · #16A3CB
Charybdis
Charybdis ist #16A3CB: rgb(22 163 203), hsl(193 80% 44%), oklch(0.666 0.121 224.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Charybdis color name →
#16A3CB
oklch(0.666 0.121 224.2)
Farbumrechnungen
- HEX
- #16a3cb
- RGB
- rgb(22 163 203)
- HSL
- hsl(193 80% 44%)
- HWB
- hwb(193 9% 20%)
- OKLCH
- oklch(0.666 0.121 224.2)
- OKLab
- oklab(0.666 -0.087 -0.085)
- CIE Lab
- lab(61.7 -24.84 -30.89)
- LCH
- lch(61.7 39.64 231.2)
- CMYK
- cmyk(89% 20% 0% 20%)
Tints · Shades · Tones
Tints
- 41ACD1
- 5CB6D6
- 74BFDB
- 89C8E1
- 9ED1E6
- B2DBEB
- C5E4F0
- D9EDF5
- ECF6FA
Shades
- 128DB0
- 0D7896
- 09637D
- 064F65
- 033C4D
- 022A37
- 011922
- 000A0F
- 000102
Tones
- 31A0C3
- 419DBC
- 4E99B5
- 5896AD
- 6092A6
- 688F9E
- 6F8B97
- 75888F
- 7B8488
Farbharmonien
Komplementär +180°
- 16A3CB
Charybdis
- D17A53
≈ Jack-O-Lantern
Analog -30° +30°
- 16A3CB
Charybdis
- 00A9A9
≈ Jade Orchid
- 5D97DD
≈ Little Boy Blue
Triadisch +120° +240°
- 16A3CB
Charybdis
- C874A6
≈ Fading Love
- A09731
≈ Be Yourself
Geteilt komplementär +150° +210°
- 16A3CB
Charybdis
- D3737D
≈ Lotus Red
- C08830
≈ Butter Base
Tetradisch +90° +180° +270°
- 16A3CB
Charybdis
- AF7CC8
≈ Wisteria
- D17A53
≈ Jack-O-Lantern
- 74A454
≈ Unakite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.94:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.13:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--charybdis: #16a3cb;
--charybdis-rgb: 22 163 203;
--charybdis-oklch: oklch(0.666 0.121 224.2);
}
.element {
color: var(--charybdis);
background-color: hsl(193 80% 44%);
border-color: oklch(0.666 0.121 224.2);
}Tailwind CSS v4
@theme {
--color-charybdis: #16a3cb;
--color-charybdis-50: #d1fdff;
--color-charybdis-100: #bdf1ff;
--color-charybdis-200: #9be0fc;
--color-charybdis-300: #6ec4e7;
--color-charybdis-400: #37add3;
--color-charybdis-500: #0096c1;
--color-charybdis-600: #007fa3;
--color-charybdis-700: #006583;
--color-charybdis-800: #004b60;
--color-charybdis-900: #003444;
--color-charybdis-950: #001f2c;
}SCSS
$charybdis: #16a3cb;
$charybdis-rgb: 22, 163, 203;
$charybdis-light: mix(#fff, $charybdis, 20%);
$charybdis-dark: mix(#000, $charybdis, 20%);
.element {
color: $charybdis;
box-shadow: 0 0 0 2px rgba($charybdis, 0.35);
}