Colore con nome · #65FFFF
Moonglade Water
Moonglade Water è #65FFFF: rgb(101 255 255), hsl(180 100% 70%), oklch(0.919 0.129 195.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Moonglade Water color name →
#65FFFF
oklch(0.919 0.129 195.1)
Conversioni di colore
- HEX
- #65ffff
- RGB
- rgb(101 255 255)
- HSL
- hsl(180 100% 70%)
- HWB
- hwb(180 40% 0%)
- OKLCH
- oklch(0.919 0.129 195.1)
- OKLab
- oklab(0.919 -0.125 -0.034)
- CIE Lab
- lab(91.97 -42.14 -12.85)
- LCH
- lch(91.97 44.06 197)
- CMYK
- cmyk(60% 0% 0% 0%)
Tinte · Ombre · Toni
Tinte
- 7CFFFF
- 8FFFFF
- A1FFFF
- B0FFFF
- BFFFFF
- CDFFFF
- DAFFFF
- E7FFFF
- F3FFFF
Ombre
- 57DEDE
- 49BEBE
- 3C9E9E
- 2F8080
- 226363
- 174848
- 0C2E2E
- 031616
- 000303
Toni
- 6DF2F2
- 74E5E4
- 79D8D7
- 7DCBCA
- 7FBEBE
- 81B2B1
- 82A5A4
- 829998
- 818C8C
Armonie di colore
Complementare +180°
- 65FFFF
Moonglade Water
- FFDADB
≈ Strawberry Blonde
Analogo -30° +30°
- 65FFFF
Moonglade Water
- 8CFFD0
≈ A State of Mint
- C0ECFF
≈ Blue Java Banana
Triadico +120° +240°
- 65FFFF
Moonglade Water
- F3D9FF
≈ Lavender Savour
- FFDFB3
≈ Champagne Orange
Complementare divisa +150° +210°
- 65FFFF
Moonglade Water
- FFD7EC
≈ Sweet Sachet
- FFDCCC
≈ Glazed Sugar
Tetradico +90° +180° +270°
- 65FFFF
Moonglade Water
- E1E1FF
≈ Stoic White
- FFDADB
≈ Strawberry Blonde
- F1E97F
≈ Machine Oil
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.30:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--moonglade-water: #65ffff;
--moonglade-water-rgb: 101 255 255;
--moonglade-water-oklch: oklch(0.919 0.129 195.1);
}
.element {
color: var(--moonglade-water);
background-color: hsl(180 100% 70%);
border-color: oklch(0.919 0.129 195.1);
}Tailwind CSS v4
@theme {
--color-moonglade-water: #65ffff;
--color-moonglade-water-50: #cbffff;
--color-moonglade-water-100: #b5f6f7;
--color-moonglade-water-200: #8fe6e7;
--color-moonglade-water-300: #59ccce;
--color-moonglade-water-400: #00b5b6;
--color-moonglade-water-500: #009fa1;
--color-moonglade-water-600: #008688;
--color-moonglade-water-700: #006c6d;
--color-moonglade-water-800: #00504f;
--color-moonglade-water-900: #003737;
--color-moonglade-water-950: #002222;
}SCSS
$moonglade-water: #65ffff;
$moonglade-water-rgb: 101, 255, 255;
$moonglade-water-light: mix(#fff, $moonglade-water, 20%);
$moonglade-water-dark: mix(#000, $moonglade-water, 20%);
.element {
color: $moonglade-water;
box-shadow: 0 0 0 2px rgba($moonglade-water, 0.35);
}