Colore con nome · #25B68B
Green Velour
Green Velour è #25B68B: rgb(37 182 139), hsl(162 66% 43%), oklch(0.693 0.133 167.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Velour color name →
#25B68B
oklch(0.693 0.133 167.2)
Conversioni di colore
- HEX
- #25b68b
- RGB
- rgb(37 182 139)
- HSL
- hsl(162 66% 43%)
- HWB
- hwb(162 15% 29%)
- OKLCH
- oklch(0.693 0.133 167.2)
- OKLab
- oklab(0.693 -0.13 0.029)
- CIE Lab
- lab(66.14 -46.18 10.97)
- LCH
- lch(66.14 47.46 166.6)
- CMYK
- cmyk(80% 0% 24% 29%)
Tinte · Ombre · Toni
Tinte
- 4ABE96
- 64C5A1
- 7ACCAD
- 8FD4B8
- A3DBC4
- B6E2CF
- C8EADB
- DBF1E7
- EDF8F3
Ombre
- 1F9E78
- 198666
- 136F54
- 0D5943
- 084432
- 043023
- 021D14
- 000C07
- 000201
Toni
- 3AB18A
- 49AB89
- 54A688
- 5DA187
- 659B86
- 6C9685
- 729183
- 778B82
- 7C8681
Armonie di colore
Complementare +180°
- 25B68B
Green Velour
- D778AC
≈ Wild Orchid
Analogo -30° +30°
- 25B68B
Green Velour
- 73AF5A
≈ Lost Golfer
- 00B2B6
≈ Cyan Sky
Triadico +120° +240°
- 25B68B
Green Velour
- 988EEA
≈ Perrywinkle
- DE804F
≈ Show Business
Complementare divisa +150° +210°
- 25B68B
Green Velour
- BE80D2
≈ Purception
- E3777E
≈ Passion Pink
Tetradico +90° +180° +270°
- 25B68B
Green Velour
- 659DEE
≈ Feather Star
- D778AC
≈ Wild Orchid
- CA9026
≈ End of Summer
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.57:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.14:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--green-velour: #25b68b;
--green-velour-rgb: 37 182 139;
--green-velour-oklch: oklch(0.693 0.133 167.2);
}
.element {
color: var(--green-velour);
background-color: hsl(162 66% 43%);
border-color: oklch(0.693 0.133 167.2);
}Tailwind CSS v4
@theme {
--color-green-velour: #25b68b;
--color-green-velour-50: #d1ffef;
--color-green-velour-100: #bcf7e0;
--color-green-velour-200: #9ae7cb;
--color-green-velour-300: #6aceac;
--color-green-velour-400: #36b78e;
--color-green-velour-500: #00a174;
--color-green-velour-600: #008862;
--color-green-velour-700: #006d4e;
--color-green-velour-800: #005037;
--color-green-velour-900: #003825;
--color-green-velour-950: #002214;
}SCSS
$green-velour: #25b68b;
$green-velour-rgb: 37, 182, 139;
$green-velour-light: mix(#fff, $green-velour, 20%);
$green-velour-dark: mix(#000, $green-velour, 20%);
.element {
color: $green-velour;
box-shadow: 0 0 0 2px rgba($green-velour, 0.35);
}