Colore con nome · #5296B7
Heritage Blue
Heritage Blue è #5296B7: rgb(82 150 183), hsl(200 41% 52%), oklch(0.642 0.085 231.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Heritage Blue color name →
#5296B7
oklch(0.642 0.085 231.2)
Conversioni di colore
- HEX
- #5296b7
- RGB
- rgb(82 150 183)
- HSL
- hsl(200 41% 52%)
- HWB
- hwb(200 32% 28%)
- OKLCH
- oklch(0.642 0.085 231.2)
- OKLab
- oklab(0.642 -0.053 -0.066)
- CIE Lab
- lab(58.61 -15.16 -24.29)
- LCH
- lch(58.61 28.63 238)
- CMYK
- cmyk(55% 18% 0% 28%)
Tinte · Ombre · Toni
Tinte
- 64A0BE
- 76ABC6
- 87B5CD
- 99C0D4
- AACADB
- BBD4E2
- CCDFEA
- DDEAF1
- EEF4F8
Ombre
- 46829F
- 3B6E87
- 2F5B70
- 25495A
- 1A3745
- 112631
- 08161E
- 02080C
- 000102
Toni
- 5894B2
- 5E92AC
- 6390A7
- 688EA1
- 6D8B9C
- 718996
- 758791
- 79858B
- 7D8286
Armonie di colore
Complementare +180°
- 5296B7
Heritage Blue
- B67E5C
≈ Pastry Shell
Analogo -30° +30°
- 5296B7
Heritage Blue
- 439CA2
≈ Coolbox Ice Turquoise
- 6F8DC1
≈ Purple Hyacinth
Triadico +120° +240°
- 5296B7
Heritage Blue
- B57793
≈ Choral Singer
- 8E9253
≈ Fair and Square
Complementare divisa +150° +210°
- 5296B7
Heritage Blue
- BB7876
≈ Nipple
- A7874E
≈ Kiss Candy
Tetradico +90° +180° +270°
- 5296B7
Heritage Blue
- A57BAC
≈ Design Delight
- B67E5C
≈ Pastry Shell
- 709A69
≈ Blackthorn Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.27:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.40:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--heritage-blue: #5296b7;
--heritage-blue-rgb: 82 150 183;
--heritage-blue-oklch: oklch(0.642 0.085 231.2);
}
.element {
color: var(--heritage-blue);
background-color: hsl(200 41% 52%);
border-color: oklch(0.642 0.085 231.2);
}Tailwind CSS v4
@theme {
--color-heritage-blue: #5296b7;
--color-heritage-blue-50: #defaff;
--color-heritage-blue-100: #cdedff;
--color-heritage-blue-200: #b1dbf3;
--color-heritage-blue-300: #8cbfdc;
--color-heritage-blue-400: #68a8c8;
--color-heritage-blue-500: #4390b4;
--color-heritage-blue-600: #3a7a98;
--color-heritage-blue-700: #2e627a;
--color-heritage-blue-800: #1f485a;
--color-heritage-blue-900: #14323f;
--color-heritage-blue-950: #051e28;
}SCSS
$heritage-blue: #5296b7;
$heritage-blue-rgb: 82, 150, 183;
$heritage-blue-light: mix(#fff, $heritage-blue, 20%);
$heritage-blue-dark: mix(#000, $heritage-blue, 20%);
.element {
color: $heritage-blue;
box-shadow: 0 0 0 2px rgba($heritage-blue, 0.35);
}