Colore con nome · #3B5964
Cadet Song
Cadet Song è #3B5964: rgb(59 89 100), hsl(196 26% 31%), oklch(0.445 0.04 222.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Cadet Song color name →
#3B5964
oklch(0.445 0.04 222.9)
Conversioni di colore
- HEX
- #3b5964
- RGB
- rgb(59 89 100)
- HSL
- hsl(196 26% 31%)
- HWB
- hwb(196 23% 61%)
- OKLCH
- oklch(0.445 0.04 222.9)
- OKLab
- oklab(0.445 -0.029 -0.027)
- CIE Lab
- lab(35.81 -9.13 -10.09)
- LCH
- lch(35.81 13.61 227.9)
- CMYK
- cmyk(41% 11% 0% 61%)
Tinte · Ombre · Toni
Tinte
- 4D6872
- 5F7881
- 728890
- 85989F
- 99A8AE
- ACB9BE
- C1CACE
- D5DCDE
- EAEDEE
Ombre
- 324C56
- 294048
- 21343B
- 19282E
- 111D22
- 091316
- 04090B
- 010303
- 000000
Toni
- 425D67
- 49616A
- 50656C
- 57696F
- 5E6C72
- 657075
- 6B7478
- 72787A
- 797C7D
Armonie di colore
Complementare +180°
- 3B5964
Cadet Song
- 674D42
≈ Connaisseur
Analogo -30° +30°
- 3B5964
Cadet Song
- 395B5A
≈ Royal Pine
- 44556A
≈ Inkjet
Triadico +120° +240°
- 3B5964
Cadet Song
- 644B5A
≈ Berry Wine
- 58553B
≈ Danger Ridge
Complementare divisa +150° +210°
- 3B5964
Cadet Song
- 684B4E
≈ Flamboyant Plum
- 62513B
≈ Corral
Tetradico +90° +180° +270°
- 3B5964
Cadet Song
- 5C4E64
≈ Muscat Grape
- 674D42
≈ Connaisseur
- 4B5942
≈ Cayman Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.50:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.79:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--cadet-song: #3b5964;
--cadet-song-rgb: 59 89 100;
--cadet-song-oklch: oklch(0.445 0.04 222.9);
}
.element {
color: var(--cadet-song);
background-color: hsl(196 26% 31%);
border-color: oklch(0.445 0.04 222.9);
}Tailwind CSS v4
@theme {
--color-cadet-song: #3b5964;
--color-cadet-song-50: #eaf8fe;
--color-cadet-song-100: #dbebf2;
--color-cadet-song-200: #c3d8e1;
--color-cadet-song-300: #a3bcc7;
--color-cadet-song-400: #86a4b0;
--color-cadet-song-500: #6a8c9a;
--color-cadet-song-600: #5a7782;
--color-cadet-song-700: #475f68;
--color-cadet-song-800: #33464c;
--color-cadet-song-900: #233035;
--color-cadet-song-950: #121c20;
}SCSS
$cadet-song: #3b5964;
$cadet-song-rgb: 59, 89, 100;
$cadet-song-light: mix(#fff, $cadet-song, 20%);
$cadet-song-dark: mix(#000, $cadet-song, 20%);
.element {
color: $cadet-song;
box-shadow: 0 0 0 2px rgba($cadet-song, 0.35);
}