Colore con nome · #6ADC99
Aurora Green
Aurora Green è #6ADC99: rgb(106 220 153), hsl(145 62% 64%), oklch(0.81 0.142 155.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Aurora Green color name →
#6ADC99
oklch(0.81 0.142 155.6)
Conversioni di colore
- HEX
- #6adc99
- RGB
- rgb(106 220 153)
- HSL
- hsl(145 62% 64%)
- HWB
- hwb(145 42% 14%)
- OKLCH
- oklch(0.81 0.142 155.6)
- OKLab
- oklab(0.81 -0.129 0.059)
- CIE Lab
- lab(79.87 -45.34 22.7)
- LCH
- lch(79.87 50.7 153.4)
- CMYK
- cmyk(52% 0% 30% 14%)
Tinte · Ombre · Toni
Tinte
- 7CE0A3
- 8DE4AD
- 9DE7B8
- ACEBC2
- BBEECC
- C9F2D6
- D7F5E0
- E4F9EA
- F2FCF5
Ombre
- 5BBF84
- 4DA370
- 3F885D
- 316E4A
- 245438
- 183C27
- 0D2617
- 041108
- 000201
Toni
- 6FD397
- 73C994
- 77C092
- 7AB790
- 7CAE8D
- 7EA48B
- 7F9B88
- 809285
- 808983
Armonie di colore
Complementare +180°
- 6ADC99
Aurora Green
- FA9CE5
≈ Lavender Rose
Analogo -30° +30°
- 6ADC99
Aurora Green
- ABD165
≈ Juicy Lime
- 02DECE
≈ Mint Morning
Triadico +120° +240°
- 6ADC99
Aurora Green
- AFBCFF
≈ Greyish Lavender
- FFA790
≈ Frozen Salmon
Complementare divisa +150° +210°
- 6ADC99
Aurora Green
- D4ADFF
≈ Teasel Dipsacus
- FFA2B6
≈ Amélie’s Tutu
Tetradico +90° +180° +270°
- 6ADC99
Aurora Green
- 88C8FF
≈ Chromis Damsel Blue
- FA9CE5
≈ Lavender Rose
- FFAD53
≈ Alajuela Toad
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.31:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--aurora-green: #6adc99;
--aurora-green-rgb: 106 220 153;
--aurora-green-oklch: oklch(0.81 0.142 155.6);
}
.element {
color: var(--aurora-green);
background-color: hsl(145 62% 64%);
border-color: oklch(0.81 0.142 155.6);
}Tailwind CSS v4
@theme {
--color-aurora-green: #6adc99;
--color-aurora-green-50: #d4ffe6;
--color-aurora-green-100: #c1f7d6;
--color-aurora-green-200: #a0e7bd;
--color-aurora-green-300: #74cd9b;
--color-aurora-green-400: #4ab779;
--color-aurora-green-500: #00a15b;
--color-aurora-green-600: #00884e;
--color-aurora-green-700: #036d3e;
--color-aurora-green-800: #08502a;
--color-aurora-green-900: #06381c;
--color-aurora-green-950: #00220c;
}SCSS
$aurora-green: #6adc99;
$aurora-green-rgb: 106, 220, 153;
$aurora-green-light: mix(#fff, $aurora-green, 20%);
$aurora-green-dark: mix(#000, $aurora-green, 20%);
.element {
color: $aurora-green;
box-shadow: 0 0 0 2px rgba($aurora-green, 0.35);
}