Colore con nome · #50B7CF
Teal Moiré
Teal Moiré è #50B7CF: rgb(80 183 207), hsl(191 57% 56%), oklch(0.728 0.1 215.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Teal Moiré color name →
#50B7CF
oklch(0.728 0.1 215.6)
Conversioni di colore
- HEX
- #50b7cf
- RGB
- rgb(80 183 207)
- HSL
- hsl(191 57% 56%)
- HWB
- hwb(191 31% 19%)
- OKLCH
- oklch(0.728 0.1 215.6)
- OKLab
- oklab(0.728 -0.082 -0.058)
- CIE Lab
- lab(69.12 -25.63 -21.65)
- LCH
- lch(69.12 33.55 220.2)
- CMYK
- cmyk(61% 12% 0% 19%)
Tinte · Ombre · Toni
Tinte
- 66BED4
- 79C6D9
- 8BCDDE
- 9DD4E3
- AEDBE7
- BEE3EC
- CFEAF1
- DFF1F6
- EFF8FA
Ombre
- 449FB4
- 398799
- 2E707F
- 245A67
- 1A454F
- 103138
- 071E23
- 020C10
- 000202
Toni
- 59B2C7
- 60ACBF
- 66A7B7
- 6BA1AF
- 709CA7
- 74969F
- 789197
- 7B8B90
- 7E8688
Armonie di colore
Complementare +180°
- 50B7CF
Teal Moiré
- DE907B
≈ Nude Flamingo
Analogo -30° +30°
- 50B7CF
Teal Moiré
- 50BCB0
≈ Tropical Escape
- 70AEE2
≈ Sanctuary Spa
Triadico +120° +240°
- 50B7CF
Teal Moiré
- CF8FC0
≈ Pomtini
- BAA75A
≈ Yellow Maize
Complementare divisa +150° +210°
- 50B7CF
Teal Moiré
- DD8C9E
≈ Reflecting Rose
- D39A61
≈ Bakelite Gold
Tetradico +90° +180° +270°
- 50B7CF
Teal Moiré
- B697DA
≈ Lenurple
- DE907B
≈ Nude Flamingo
- 98B36C
≈ Light Birch Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.01:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--teal-moire: #50b7cf;
--teal-moire-rgb: 80 183 207;
--teal-moire-oklch: oklch(0.728 0.1 215.6);
}
.element {
color: var(--teal-moire);
background-color: hsl(191 57% 56%);
border-color: oklch(0.728 0.1 215.6);
}Tailwind CSS v4
@theme {
--color-teal-moire: #50b7cf;
--color-teal-moire-50: #d6fdff;
--color-teal-moire-100: #c3f1fe;
--color-teal-moire-200: #a4dff1;
--color-teal-moire-300: #79c4d9;
--color-teal-moire-400: #4dadc4;
--color-teal-moire-500: #0096b0;
--color-teal-moire-600: #0b7f95;
--color-teal-moire-700: #0b6677;
--color-teal-moire-800: #044b57;
--color-teal-moire-900: #04343d;
--color-teal-moire-950: #001f26;
}SCSS
$teal-moire: #50b7cf;
$teal-moire-rgb: 80, 183, 207;
$teal-moire-light: mix(#fff, $teal-moire, 20%);
$teal-moire-dark: mix(#000, $teal-moire, 20%);
.element {
color: $teal-moire;
box-shadow: 0 0 0 2px rgba($teal-moire, 0.35);
}