Colore con nome · #064D83
Dance Studio
Dance Studio è #064D83: rgb(6 77 131), hsl(206 91% 27%), oklch(0.412 0.11 249). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Dance Studio color name →
#064D83
oklch(0.412 0.11 249)
Conversioni di colore
- HEX
- #064d83
- RGB
- rgb(6 77 131)
- HSL
- hsl(206 91% 27%)
- HWB
- hwb(206 2% 49%)
- OKLCH
- oklch(0.412 0.11 249)
- OKLab
- oklab(0.412 -0.039 -0.102)
- CIE Lab
- lab(31.2 -3.3 -36.59)
- LCH
- lch(31.2 36.73 264.8)
- CMYK
- cmyk(95% 41% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 285E90
- 416F9C
- 5881A9
- 6F92B5
- 86A4C2
- 9EB5CE
- B5C8DA
- CEDAE6
- E6ECF3
Ombre
- 044271
- 033760
- 022C4F
- 01223F
- 01182F
- 000F20
- 000712
- 000206
- 000001
Toni
- 1B5383
- 2A5883
- 365D84
- 416383
- 4C6883
- 576D83
- 617282
- 6B7682
- 767B81
Armonie di colore
Complementare +180°
- 064D83
Dance Studio
- 6A4000
≈ Violin Brown
Analogo -30° +30°
- 064D83
Dance Studio
- 005466
≈ Rainy Morning
- 3F4285
≈ Queen of the Night Shift
Triadico +120° +240°
- 064D83
Dance Studio
- 7A2C3E
≈ Mesa Ridge
- 385500
≈ Deep Forestial Escapade
Complementare divisa +150° +210°
- 064D83
Dance Studio
- 7A3117
≈ Beer Glazed Bacon
- 574B00
≈ Scorzonera Brown
Tetradico +90° +180° +270°
- 064D83
Dance Studio
- 702F5E
≈ Grape
- 6A4000
≈ Violin Brown
- 005A37
≈ Crusoe
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.76:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.39:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.76:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--dance-studio: #064d83;
--dance-studio-rgb: 6 77 131;
--dance-studio-oklch: oklch(0.412 0.11 249);
}
.element {
color: var(--dance-studio);
background-color: hsl(206 91% 27%);
border-color: oklch(0.412 0.11 249);
}Tailwind CSS v4
@theme {
--color-dance-studio: #064d83;
--color-dance-studio-50: #dff8ff;
--color-dance-studio-100: #ceebff;
--color-dance-studio-200: #b2d8ff;
--color-dance-studio-300: #8dbcee;
--color-dance-studio-400: #69a3dd;
--color-dance-studio-500: #468bcb;
--color-dance-studio-600: #3c75ac;
--color-dance-studio-700: #305e8a;
--color-dance-studio-800: #1f4566;
--color-dance-studio-900: #143048;
--color-dance-studio-950: #061c2f;
}SCSS
$dance-studio: #064d83;
$dance-studio-rgb: 6, 77, 131;
$dance-studio-light: mix(#fff, $dance-studio, 20%);
$dance-studio-dark: mix(#000, $dance-studio, 20%);
.element {
color: $dance-studio;
box-shadow: 0 0 0 2px rgba($dance-studio, 0.35);
}