Colore con nome · #7BE892
Ragweed
Ragweed è #7BE892: rgb(123 232 146), hsl(133 70% 70%), oklch(0.845 0.157 149). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Ragweed color name →
#7BE892
oklch(0.845 0.157 149)
Conversioni di colore
- HEX
- #7be892
- RGB
- rgb(123 232 146)
- HSL
- hsl(133 70% 70%)
- HWB
- hwb(133 48% 9%)
- OKLCH
- oklch(0.845 0.157 149)
- OKLab
- oklab(0.845 -0.134 0.081)
- CIE Lab
- lab(83.97 -46.45 31.8)
- LCH
- lch(83.97 56.29 145.6)
- CMYK
- cmyk(47% 0% 37% 9%)
Tinte · Ombre · Toni
Tinte
- 8BEB9D
- 99EDA8
- A7F0B3
- B5F2BE
- C2F5C9
- CEF7D4
- DBF9DF
- E7FBEA
- F3FDF4
Ombre
- 6ACA7E
- 5AAC6B
- 4A9058
- 3A7446
- 2C5935
- 1E4025
- 102916
- 051308
- 010301
Toni
- 7EDD91
- 80D38F
- 81C88E
- 82BE8C
- 83B38B
- 83A989
- 839F87
- 829485
- 818A82
Armonie di colore
Complementare +180°
- 7BE892
Ragweed
- FFA9FA
≈ Jigglypuff
Analogo -30° +30°
- 7BE892
Ragweed
- C1DA58
≈ June Bud
- 00ECCE
≈ Fake Jade
Triadico +120° +240°
- 7BE892
Ragweed
- B7CBFF
≈ Night Snow
- FFB7AC
≈ Ripe Melon
Complementare divisa +150° +210°
- 7BE892
Ragweed
- D4C0FF
≈ Lavender Fragrance
- FFB3CB
≈ Pink Cattleya
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.79:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--ragweed: #7be892;
--ragweed-rgb: 123 232 146;
--ragweed-oklch: oklch(0.845 0.157 149);
}
.element {
color: var(--ragweed);
background-color: hsl(133 70% 70%);
border-color: oklch(0.845 0.157 149);
}Tailwind CSS v4
@theme {
--color-ragweed: #7be892;
--color-ragweed-50: #d6ffdf;
--color-ragweed-100: #c2f8ce;
--color-ragweed-200: #a2e8b2;
--color-ragweed-300: #77ce8e;
--color-ragweed-400: #50b769;
--color-ragweed-500: #0ba146;
--color-ragweed-600: #13883c;
--color-ragweed-700: #116d30;
--color-ragweed-800: #10501f;
--color-ragweed-900: #0a3814;
--color-ragweed-950: #002206;
}SCSS
$ragweed: #7be892;
$ragweed-rgb: 123, 232, 146;
$ragweed-light: mix(#fff, $ragweed, 20%);
$ragweed-dark: mix(#000, $ragweed, 20%);
.element {
color: $ragweed;
box-shadow: 0 0 0 2px rgba($ragweed, 0.35);
}