Colore con nome · #66EEAA
Screen Glow
Screen Glow è #66EEAA: rgb(102 238 170), hsl(150 80% 67%), oklch(0.856 0.154 158.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Screen Glow color name →
#66EEAA
oklch(0.856 0.154 158.7)
Conversioni di colore
- HEX
- #66eeaa
- RGB
- rgb(102 238 170)
- HSL
- hsl(150 80% 67%)
- HWB
- hwb(150 40% 7%)
- OKLCH
- oklch(0.856 0.154 158.7)
- OKLab
- oklab(0.856 -0.144 0.056)
- CIE Lab
- lab(85.35 -50.52 21.39)
- LCH
- lch(85.35 54.86 157.1)
- CMYK
- cmyk(57% 0% 29% 7%)
Tinte · Ombre · Toni
Tinte
- 7BF0B3
- 8DF2BB
- 9EF4C4
- ADF6CC
- BCF8D5
- CAF9DD
- D8FBE6
- E5FCEE
- F2FEF6
Ombre
- 58CF93
- 4AB17D
- 3C9368
- 2F7753
- 235C3F
- 17422D
- 0C2A1B
- 04140B
- 000301
Toni
- 6DE3A6
- 72D8A2
- 77CC9E
- 7AC19A
- 7DB695
- 7EAB91
- 80A08D
- 809689
- 808B84
Armonie di colore
Complementare +180°
- 66EEAA
Screen Glow
- FFB4E8
≈ Hermosa Pink
Analogo -30° +30°
- 66EEAA
Screen Glow
- B1E370
≈ Last of Lettuce
- 00EEE3
≈ Frozen Boubble
Triadico +120° +240°
- 66EEAA
Screen Glow
- C5CCFF
≈ Lavender Blue
- FFBEA9
≈ Porcellana
Complementare divisa +150° +210°
- 66EEAA
Screen Glow
- E1BFFF
≈ Jane Purple
- FFBAC5
≈ Pink Bubble Tea
Tetradico +90° +180° +270°
- 66EEAA
Screen Glow
- AAD5FF
≈ Malmö FF
- FFB4E8
≈ Hermosa Pink
- FFC37F
≈ Apricot Appeal
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.37:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.37:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--screen-glow: #66eeaa;
--screen-glow-rgb: 102 238 170;
--screen-glow-oklch: oklch(0.856 0.154 158.7);
}
.element {
color: var(--screen-glow);
background-color: hsl(150 80% 67%);
border-color: oklch(0.856 0.154 158.7);
}Tailwind CSS v4
@theme {
--color-screen-glow: #66eeaa;
--color-screen-glow-50: #cfffe7;
--color-screen-glow-100: #bbf9d7;
--color-screen-glow-200: #97e9bf;
--color-screen-glow-300: #66d09d;
--color-screen-glow-400: #31b97c;
--color-screen-glow-500: #00a35e;
--color-screen-glow-600: #008a50;
--color-screen-glow-700: #006f40;
--color-screen-glow-800: #00512b;
--color-screen-glow-900: #00391d;
--color-screen-glow-950: #00230d;
}SCSS
$screen-glow: #66eeaa;
$screen-glow-rgb: 102, 238, 170;
$screen-glow-light: mix(#fff, $screen-glow, 20%);
$screen-glow-dark: mix(#000, $screen-glow, 20%);
.element {
color: $screen-glow;
box-shadow: 0 0 0 2px rgba($screen-glow, 0.35);
}