Colore con nome · #536872
Cadet
Cadet è #536872: rgb(83 104 114), hsl(199 16% 39%), oklch(0.504 0.03 228.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cadet color name →
#536872
oklch(0.504 0.03 228.5)
Conversioni di colore
- HEX
- #536872
- RGB
- rgb(83 104 114)
- HSL
- hsl(199 16% 39%)
- HWB
- hwb(199 33% 55%)
- OKLCH
- oklch(0.504 0.03 228.5)
- OKLab
- oklab(0.504 -0.02 -0.022)
- CIE Lab
- lab(42.56 -6.24 -8.36)
- LCH
- lch(42.56 10.43 233.3)
- CMYK
- cmyk(27% 9% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 63767F
- 73848D
- 83939A
- 94A2A8
- A5B1B6
- B7C0C4
- C8CFD3
- DADFE1
- EDEFF0
Ombre
- 475962
- 3B4B53
- 303E44
- 253036
- 1B2428
- 11181B
- 080C0E
- 020404
- 000001
Toni
- 586A73
- 5C6D75
- 616F76
- 657278
- 6A7479
- 6E767A
- 73797C
- 777B7D
- 7C7E7F
Armonie di colore
Complementare +180°
- 536872
Cadet
- 736056
≈ Poppy Pods
Analogo -30° +30°
- 536872
Cadet
- 516A6B
≈ Sequoia Lake
- 5A6576
≈ Blue Zephyr
Triadico +120° +240°
Complementare divisa +150° +210°
- 536872
Cadet
- 755E5E
≈ Dove Feather
- 6E6351
≈ Harold
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.84:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.59:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.84:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--cadet: #536872;
--cadet-rgb: 83 104 114;
--cadet-oklch: oklch(0.504 0.03 228.5);
}
.element {
color: var(--cadet);
background-color: hsl(199 16% 39%);
border-color: oklch(0.504 0.03 228.5);
}Tailwind CSS v4
@theme {
--color-cadet: #536872;
--color-cadet-50: #edf7fc;
--color-cadet-100: #deeaf0;
--color-cadet-200: #c8d7df;
--color-cadet-300: #a9bbc4;
--color-cadet-400: #8da2ad;
--color-cadet-500: #728a96;
--color-cadet-600: #61757f;
--color-cadet-700: #4d5e66;
--color-cadet-800: #38454a;
--color-cadet-900: #262f34;
--color-cadet-950: #141c1f;
}SCSS
$cadet: #536872;
$cadet-rgb: 83, 104, 114;
$cadet-light: mix(#fff, $cadet, 20%);
$cadet-dark: mix(#000, $cadet, 20%);
.element {
color: $cadet;
box-shadow: 0 0 0 2px rgba($cadet, 0.35);
}