Colore con nome · #6082B6
Glaucous
Glaucous è #6082B6: rgb(96 130 182), hsl(216 37% 55%), oklch(0.603 0.089 258.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Glaucous color name →
#6082B6
oklch(0.603 0.089 258.7)
Conversioni di colore
- HEX
- #6082b6
- RGB
- rgb(96 130 182)
- HSL
- hsl(216 37% 55%)
- HWB
- hwb(216 38% 29%)
- OKLCH
- oklch(0.603 0.089 258.7)
- OKLab
- oklab(0.603 -0.017 -0.087)
- CIE Lab
- lab(53.43 -1.38 -31.61)
- LCH
- lch(53.43 31.64 267.5)
- CMYK
- cmyk(47% 29% 0% 29%)
Tinte · Ombre · Toni
Tinte
- 6F8EBE
- 7E9AC5
- 8EA7CD
- 9DB3D4
- ADBFDB
- BDCCE3
- CDD9EA
- DEE5F1
- EEF2F8
Ombre
- 52709E
- 455F86
- 384E6F
- 2C3E59
- 202F44
- 152030
- 0A121D
- 03060C
- 000102
Toni
- 6382B1
- 6782AC
- 6A82A6
- 6D82A1
- 71829C
- 748196
- 778191
- 7A818B
- 7D8086
Armonie di colore
Complementare +180°
- 6082B6
Glaucous
- 9E7A3F
≈ Ochre Brown
Analogo -30° +30°
- 6082B6
Glaucous
- 3F8BAB
≈ Magic Blue
- 7F78B3
≈ Purple Rhapsody
Triadico +120° +240°
- 6082B6
Glaucous
- B06B6C
≈ Jabłoński Brown
- 668E59
≈ Irish Charm
Complementare divisa +150° +210°
- 6082B6
Glaucous
- AC7050
≈ Autumn Umber
- 858543
≈ Drab
Tetradico +90° +180° +270°
- 6082B6
Glaucous
- A96B8A
≈ Cure All
- 9E7A3F
≈ Ochre Brown
- 439277
≈ Winter Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.91:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.36:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.36:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--glaucous: #6082b6;
--glaucous-rgb: 96 130 182;
--glaucous-oklch: oklch(0.603 0.089 258.7);
}
.element {
color: var(--glaucous);
background-color: hsl(216 37% 55%);
border-color: oklch(0.603 0.089 258.7);
}Tailwind CSS v4
@theme {
--color-glaucous: #6082b6;
--color-glaucous-50: #e7f6ff;
--color-glaucous-100: #d7e9ff;
--color-glaucous-200: #bfd5fb;
--color-glaucous-300: #9eb9e5;
--color-glaucous-400: #7ea0d3;
--color-glaucous-500: #6187c1;
--color-glaucous-600: #5372a3;
--color-glaucous-700: #425c83;
--color-glaucous-800: #2e4361;
--color-glaucous-900: #1f2e44;
--color-glaucous-950: #0f1b2c;
}SCSS
$glaucous: #6082b6;
$glaucous-rgb: 96, 130, 182;
$glaucous-light: mix(#fff, $glaucous, 20%);
$glaucous-dark: mix(#000, $glaucous, 20%);
.element {
color: $glaucous;
box-shadow: 0 0 0 2px rgba($glaucous, 0.35);
}