Colore con nome · #019694
Intermezzo
Intermezzo è #019694: rgb(1 150 148), hsl(179 99% 30%), oklch(0.609 0.104 193.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Intermezzo color name →
#019694
oklch(0.609 0.104 193.1)
Conversioni di colore
- HEX
- #019694
- RGB
- rgb(1 150 148)
- HSL
- hsl(179 99% 30%)
- HWB
- hwb(179 0% 41%)
- OKLCH
- oklch(0.609 0.104 193.1)
- OKLab
- oklab(0.609 -0.101 -0.024)
- CIE Lab
- lab(55.75 -34.54 -9)
- LCH
- lch(55.75 35.7 194.6)
- CMYK
- cmyk(99% 0% 1% 41%)
Tinte · Ombre · Toni
Tinte
- 38A09E
- 55ABA9
- 6DB5B3
- 83C0BE
- 98CAC8
- ADD5D3
- C2DFDE
- D6EAE9
- EBF4F4
Ombre
- 018280
- 016E6D
- 005B5A
- 004948
- 003736
- 002626
- 001616
- 000808
- 000101
Toni
- 289492
- 3A9290
- 47908E
- 528E8C
- 5C8C8A
- 648988
- 6C8786
- 738584
- 7A8282
Armonie di colore
Complementare +180°
- 019694
Intermezzo
- B86771
≈ Slate Rose
Analogo -30° +30°
- 019694
Intermezzo
- 3C9671
≈ Ocean Green
- 2390B0
≈ Cool Tide
Triadico +120° +240°
- 019694
Intermezzo
- 9970AF
≈ Crown Jewels
- A87833
≈ Buff Leather
Complementare divisa +150° +210°
- 019694
Intermezzo
- AE6993
≈ Violetta
- B76D4E
≈ Thanksgiving
Tetradico +90° +180° +270°
- 019694
Intermezzo
- 7A7ABF
≈ Astro Zinger
- B86771
≈ Slate Rose
- 8E8532
≈ Witch Brew
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.62:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.79:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.79:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--intermezzo: #019694;
--intermezzo-rgb: 1 150 148;
--intermezzo-oklch: oklch(0.609 0.104 193.1);
}
.element {
color: var(--intermezzo);
background-color: hsl(179 99% 30%);
border-color: oklch(0.609 0.104 193.1);
}Tailwind CSS v4
@theme {
--color-intermezzo: #019694;
--color-intermezzo-50: #d4fffe;
--color-intermezzo-100: #c0f3f3;
--color-intermezzo-200: #9fe3e2;
--color-intermezzo-300: #73c8c8;
--color-intermezzo-400: #43b2af;
--color-intermezzo-500: #009b99;
--color-intermezzo-600: #008381;
--color-intermezzo-700: #006968;
--color-intermezzo-800: #004d4b;
--color-intermezzo-900: #003634;
--color-intermezzo-950: #00211f;
}SCSS
$intermezzo: #019694;
$intermezzo-rgb: 1, 150, 148;
$intermezzo-light: mix(#fff, $intermezzo, 20%);
$intermezzo-dark: mix(#000, $intermezzo, 20%);
.element {
color: $intermezzo;
box-shadow: 0 0 0 2px rgba($intermezzo, 0.35);
}