Benannte Farbe · #58A0BC
Dupain
Dupain ist #58A0BC: rgb(88 160 188), hsl(197 43% 54%), oklch(0.67 0.083 225.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Dupain color name →
#58A0BC
oklch(0.67 0.083 225.5)
Farbumrechnungen
- HEX
- #58a0bc
- RGB
- rgb(88 160 188)
- HSL
- hsl(197 43% 54%)
- HWB
- hwb(197 35% 26%)
- OKLCH
- oklch(0.67 0.083 225.5)
- OKLab
- oklab(0.67 -0.058 -0.059)
- CIE Lab
- lab(62.02 -17.5 -21.89)
- LCH
- lch(62.02 28.03 231.4)
- CMYK
- cmyk(53% 15% 0% 26%)
Tints · Shades · Tones
Tints
- 6AA9C3
- 7BB3CA
- 8CBCD0
- 9DC6D7
- ADCFDE
- BDD9E4
- CEE2EB
- DEECF2
- EFF5F8
Shades
- 4B8BA3
- 3F768B
- 336173
- 284E5D
- 1D3B47
- 122932
- 09191F
- 03090D
- 000102
Tones
- 5E9DB6
- 639AB0
- 6897AA
- 6C94A4
- 70909E
- 748D98
- 778A92
- 7A878C
- 7D8386
Farbharmonien
Komplementär +180°
- 58A0BC
Dupain
- C0856A
≈ Clay Ground
Analog -30° +30°
- 58A0BC
Dupain
- 4FA5A5
≈ Twilight Meadow
- 7398C8
≈ Razee
Triadisch +120° +240°
- 58A0BC
Dupain
- BB80A0
≈ Opera Mauve
- 9C985A
≈ Stem
Geteilt komplementär +150° +210°
- 58A0BC
Dupain
- C38084
≈ Old Rose
- B38E59
≈ Breadstick
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.92:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.16:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--dupain: #58a0bc;
--dupain-rgb: 88 160 188;
--dupain-oklch: oklch(0.67 0.083 225.5);
}
.element {
color: var(--dupain);
background-color: hsl(197 43% 54%);
border-color: oklch(0.67 0.083 225.5);
}Tailwind CSS v4
@theme {
--color-dupain: #58a0bc;
--color-dupain-50: #ddfbff;
--color-dupain-100: #cceefe;
--color-dupain-200: #b0dcf0;
--color-dupain-300: #8ac0d9;
--color-dupain-400: #65a9c4;
--color-dupain-500: #3f91b0;
--color-dupain-600: #377b95;
--color-dupain-700: #2b6377;
--color-dupain-800: #1d4957;
--color-dupain-900: #13323d;
--color-dupain-950: #051e27;
}SCSS
$dupain: #58a0bc;
$dupain-rgb: 88, 160, 188;
$dupain-light: mix(#fff, $dupain, 20%);
$dupain-dark: mix(#000, $dupain, 20%);
.element {
color: $dupain;
box-shadow: 0 0 0 2px rgba($dupain, 0.35);
}