Colore con nome · #35514F
Blue Dianne
Blue Dianne è #35514F: rgb(53 81 79), hsl(176 21% 26%), oklch(0.412 0.034 190.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Blue Dianne color name →
#35514F
oklch(0.412 0.034 190.3)
Conversioni di colore
- HEX
- #35514f
- RGB
- rgb(53 81 79)
- HSL
- hsl(176 21% 26%)
- HWB
- hwb(176 21% 68%)
- OKLCH
- oklch(0.412 0.034 190.3)
- OKLab
- oklab(0.412 -0.033 -0.006)
- CIE Lab
- lab(32.18 -11.31 -2.37)
- LCH
- lch(32.18 11.56 191.8)
- CMYK
- cmyk(35% 0% 2% 68%)
Tinte · Ombre · Toni
Tinte
- 47615F
- 5A716F
- 6D8280
- 819391
- 95A4A2
- A9B5B4
- BEC7C7
- D3DAD9
- E9ECEC
Ombre
- 2D4544
- 253A38
- 1D2F2E
- 152423
- 0E1A19
- 081010
- 030707
- 010202
- 000000
Toni
- 3D5654
- 445A58
- 4C5F5D
- 536362
- 5A6867
- 626D6C
- 697271
- 717676
- 787B7B
Armonie di colore
Complementare +180°
- 35514F
Blue Dianne
- 5C4347
≈ Huckleberry
Analogo -30° +30°
- 35514F
Blue Dianne
- 3B5145
≈ Sharknado
- 364F58
≈ Aircraft Blue
Triadico +120° +240°
- 35514F
Blue Dianne
- 514659
≈ Midnight Affair
- 574837
≈ Kuri Black
Complementare divisa +150° +210°
- 35514F
Blue Dianne
- 584451
≈ Smoked Amethyst
- 5B453D
≈ Heritage Oak
Tetradico +90° +180° +270°
- 35514F
Blue Dianne
- 47495D
≈ Chinaberry
- 5C4347
≈ Huckleberry
- 4F4C36
≈ Olive Leaf
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.60:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.44:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.60:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--blue-dianne: #35514f;
--blue-dianne-rgb: 53 81 79;
--blue-dianne-oklch: oklch(0.412 0.034 190.3);
}
.element {
color: var(--blue-dianne);
background-color: hsl(176 21% 26%);
border-color: oklch(0.412 0.034 190.3);
}Tailwind CSS v4
@theme {
--color-blue-dianne: #35514f;
--color-blue-dianne-50: #ebf8f8;
--color-blue-dianne-100: #dceceb;
--color-blue-dianne-200: #c5d9d8;
--color-blue-dianne-300: #a5bdbc;
--color-blue-dianne-400: #88a5a3;
--color-blue-dianne-500: #6d8e8b;
--color-blue-dianne-600: #5c7876;
--color-blue-dianne-700: #4a605e;
--color-blue-dianne-800: #354645;
--color-blue-dianne-900: #24312f;
--color-blue-dianne-950: #131d1c;
}SCSS
$blue-dianne: #35514f;
$blue-dianne-rgb: 53, 81, 79;
$blue-dianne-light: mix(#fff, $blue-dianne, 20%);
$blue-dianne-dark: mix(#000, $blue-dianne, 20%);
.element {
color: $blue-dianne;
box-shadow: 0 0 0 2px rgba($blue-dianne, 0.35);
}