Colore con nome · #516172
Da Blues
Da Blues è #516172: rgb(81 97 114), hsl(211 17% 38%), oklch(0.486 0.034 250.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Da Blues color name →
#516172
oklch(0.486 0.034 250.1)
Conversioni di colore
- HEX
- #516172
- RGB
- rgb(81 97 114)
- HSL
- hsl(211 17% 38%)
- HWB
- hwb(211 32% 55%)
- OKLCH
- oklch(0.486 0.034 250.1)
- OKLab
- oklab(0.486 -0.011 -0.032)
- CIE Lab
- lab(40.28 -3.07 -11.79)
- LCH
- lch(40.28 12.18 255.4)
- CMYK
- cmyk(29% 15% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 61707F
- 717E8D
- 828E9A
- 939DA8
- A4ADB6
- B6BDC4
- C8CDD3
- DADDE1
- ECEEF0
Ombre
- 455362
- 3A4653
- 2F3944
- 242D36
- 1A2128
- 10151B
- 070B0E
- 020304
- 000001
Toni
- 566473
- 5A6775
- 5F6A76
- 646D78
- 687079
- 6D747B
- 72777C
- 767A7D
- 7B7D7F
Armonie di colore
Complementare +180°
- 516172
Da Blues
- 6C5C4B
≈ Cub
Analogo -30° +30°
- 516172
Da Blues
- 4A646D
≈ Night Folly
- 5B5D72
≈ Men’s Night
Triadico +120° +240°
- 516172
Da Blues
- 71585B
≈ Falcon
- 59634F
≈ Lakeside Pine
Complementare divisa +150° +210°
- 516172
Da Blues
- 715951
≈ Bistro
- 63604A
≈ Titanoboa
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.35:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.30:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--da-blues: #516172;
--da-blues-rgb: 81 97 114;
--da-blues-oklch: oklch(0.486 0.034 250.1);
}
.element {
color: var(--da-blues);
background-color: hsl(211 17% 38%);
border-color: oklch(0.486 0.034 250.1);
}Tailwind CSS v4
@theme {
--color-da-blues: #516172;
--color-da-blues-50: #eef6ff;
--color-da-blues-100: #e0e9f3;
--color-da-blues-200: #cad6e3;
--color-da-blues-300: #abb9c9;
--color-da-blues-400: #90a0b2;
--color-da-blues-500: #76889c;
--color-da-blues-600: #647384;
--color-da-blues-700: #505c6a;
--color-da-blues-800: #39444e;
--color-da-blues-900: #272f36;
--color-da-blues-950: #151b21;
}SCSS
$da-blues: #516172;
$da-blues-rgb: 81, 97, 114;
$da-blues-light: mix(#fff, $da-blues, 20%);
$da-blues-dark: mix(#000, $da-blues, 20%);
.element {
color: $da-blues;
box-shadow: 0 0 0 2px rgba($da-blues, 0.35);
}