Colore con nome · #749F8D
Mizuasagi Green
Mizuasagi Green è #749F8D: rgb(116 159 141), hsl(155 18% 54%), oklch(0.666 0.054 167). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mizuasagi Green color name →
#749F8D
oklch(0.666 0.054 167)
Conversioni di colore
- HEX
- #749f8d
- RGB
- rgb(116 159 141)
- HSL
- hsl(155 18% 54%)
- HWB
- hwb(155 45% 38%)
- OKLCH
- oklch(0.666 0.054 167)
- OKLab
- oklab(0.666 -0.053 0.012)
- CIE Lab
- lab(61.96 -18.15 4.47)
- LCH
- lch(61.96 18.69 166.2)
- CMYK
- cmyk(27% 0% 11% 38%)
Tinte · Ombre · Toni
Tinte
- 82A898
- 8FB2A3
- 9DBBAE
- ABC5B9
- B9CEC4
- C6D8D0
- D4E2DC
- E3EBE7
- F1F5F3
Ombre
- 648A7A
- 547567
- 456155
- 374D44
- 293B33
- 1B2923
- 0F1814
- 050907
- 010101
Toni
- 769C8C
- 77998A
- 799689
- 7A9388
- 7B9087
- 7C8C85
- 7D8984
- 7E8683
- 7F8381
Armonie di colore
Complementare +180°
- 749F8D
Mizuasagi Green
- AE879A
≈ Orchid Haze
Analogo -30° +30°
- 749F8D
Mizuasagi Green
- 859C7C
≈ Fallout Grey
- 6C9F9F
≈ Folk Song
Triadico +120° +240°
- 749F8D
Mizuasagi Green
- 918FB4
≈ Fresh Lavender
- B18A78
≈ Nougat
Complementare divisa +150° +210°
- 749F8D
Mizuasagi Green
- A28AAA
≈ Saffron Blossom Mauve
- B38788
≈ Bashful Rose
Tetradico +90° +180° +270°
- 749F8D
Mizuasagi Green
- 7F96B5
≈ Denim Tradition
- AE879A
≈ Orchid Haze
- A7906F
≈ Hiking Trail
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.96:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.08:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.08:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--mizuasagi-green: #749f8d;
--mizuasagi-green-rgb: 116 159 141;
--mizuasagi-green-oklch: oklch(0.666 0.054 167);
}
.element {
color: var(--mizuasagi-green);
background-color: hsl(155 18% 54%);
border-color: oklch(0.666 0.054 167);
}Tailwind CSS v4
@theme {
--color-mizuasagi-green: #749f8d;
--color-mizuasagi-green-50: #e7faf2;
--color-mizuasagi-green-100: #d7eee5;
--color-mizuasagi-green-200: #bfdcd0;
--color-mizuasagi-green-300: #9dc1b3;
--color-mizuasagi-green-400: #80a998;
--color-mizuasagi-green-500: #63927f;
--color-mizuasagi-green-600: #547b6b;
--color-mizuasagi-green-700: #436356;
--color-mizuasagi-green-800: #30483e;
--color-mizuasagi-green-900: #21322a;
--color-mizuasagi-green-950: #101e18;
}SCSS
$mizuasagi-green: #749f8d;
$mizuasagi-green-rgb: 116, 159, 141;
$mizuasagi-green-light: mix(#fff, $mizuasagi-green, 20%);
$mizuasagi-green-dark: mix(#000, $mizuasagi-green, 20%);
.element {
color: $mizuasagi-green;
box-shadow: 0 0 0 2px rgba($mizuasagi-green, 0.35);
}