Colore con nome · #327CCB
Heirloom Hydrangea
Heirloom Hydrangea è #327CCB: rgb(50 124 203), hsl(211 60% 50%), oklch(0.58 0.142 252.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Heirloom Hydrangea color name →
#327CCB
oklch(0.58 0.142 252.8)
Conversioni di colore
- HEX
- #327ccb
- RGB
- rgb(50 124 203)
- HSL
- hsl(211 60% 50%)
- HWB
- hwb(211 20% 20%)
- OKLCH
- oklch(0.58 0.142 252.8)
- OKLab
- oklab(0.58 -0.042 -0.135)
- CIE Lab
- lab(50.43 -2.18 -48.45)
- LCH
- lch(50.43 48.49 267.4)
- CMYK
- cmyk(75% 39% 0% 20%)
Tinte · Ombre · Toni
Tinte
- 4989D1
- 5E97D7
- 73A4DD
- 87B1E2
- 9ABEE7
- AECBED
- C2D8F2
- D6E5F6
- EBF2FB
Ombre
- 2A6BB0
- 225A96
- 1B4A7D
- 143B65
- 0D2C4D
- 071E37
- 031122
- 01050F
- 000102
Toni
- 3D7DC4
- 467EBD
- 4F7FB5
- 577FAE
- 5F80A7
- 66809F
- 6D8098
- 738090
- 7A8088
Armonie di colore
Complementare +180°
- 327CCB
Heirloom Hydrangea
- A66C00
≈ Golden Hind
Analogo -30° +30°
- 327CCB
Heirloom Hydrangea
- 0087A8
≈ Hacienda Blue
- 706CCB
≈ C64 Purple
Triadico +120° +240°
- 327CCB
Heirloom Hydrangea
- BE5162
≈ Popstar
- 588B26
≈ Sap Green
Complementare divisa +150° +210°
- 327CCB
Heirloom Hydrangea
- BD592C
≈ Titian Red
- 887C00
≈ Olive
Tetradico +90° +180° +270°
- 327CCB
Heirloom Hydrangea
- B15490
≈ Brilliant Carmine
- A66C00
≈ Golden Hind
- 009164
≈ Emerald Lake
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.30:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.88:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.88:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--heirloom-hydrangea: #327ccb;
--heirloom-hydrangea-rgb: 50 124 203;
--heirloom-hydrangea-oklch: oklch(0.58 0.142 252.8);
}
.element {
color: var(--heirloom-hydrangea);
background-color: hsl(211 60% 50%);
border-color: oklch(0.58 0.142 252.8);
}Tailwind CSS v4
@theme {
--color-heirloom-hydrangea: #327ccb;
--color-heirloom-hydrangea-50: #daf8ff;
--color-heirloom-hydrangea-100: #c8ebff;
--color-heirloom-hydrangea-200: #abd8ff;
--color-heirloom-hydrangea-300: #85bbff;
--color-heirloom-hydrangea-400: #5da2f0;
--color-heirloom-hydrangea-500: #3488e1;
--color-heirloom-hydrangea-600: #2e73bd;
--color-heirloom-hydrangea-700: #245c98;
--color-heirloom-hydrangea-800: #154471;
--color-heirloom-hydrangea-900: #0d2f50;
--color-heirloom-hydrangea-950: #011b35;
}SCSS
$heirloom-hydrangea: #327ccb;
$heirloom-hydrangea-rgb: 50, 124, 203;
$heirloom-hydrangea-light: mix(#fff, $heirloom-hydrangea, 20%);
$heirloom-hydrangea-dark: mix(#000, $heirloom-hydrangea, 20%);
.element {
color: $heirloom-hydrangea;
box-shadow: 0 0 0 2px rgba($heirloom-hydrangea, 0.35);
}