Colore con nome · #028A52
English Meadow
English Meadow è #028A52: rgb(2 138 82), hsl(155 97% 27%), oklch(0.557 0.133 156.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · English Meadow color name →
#028A52
oklch(0.557 0.133 156.5)
Conversioni di colore
- HEX
- #028a52
- RGB
- rgb(2 138 82)
- HSL
- hsl(155 97% 27%)
- HWB
- hwb(155 1% 46%)
- OKLCH
- oklch(0.557 0.133 156.5)
- OKLab
- oklab(0.557 -0.122 0.053)
- CIE Lab
- lab(50.39 -43.5 20.73)
- LCH
- lch(50.39 48.18 154.5)
- CMYK
- cmyk(99% 0% 41% 46%)
Tinte · Ombre · Toni
Tinte
- 359662
- 50A173
- 68AD84
- 7FB995
- 94C4A6
- AAD0B7
- BFDCC9
- D4E7DB
- EAF3ED
Ombre
- 017746
- 01653B
- 01532F
- 004225
- 00321A
- 002211
- 001408
- 000702
- 000100
Toni
- 258957
- 36895C
- 438861
- 4E8765
- 58866A
- 61856E
- 698473
- 718377
- 79817C
Armonie di colore
Complementare +180°
- 028A52
English Meadow
- A35290
≈ Purple Zergling
Analogo -30° +30°
- 028A52
English Meadow
- 5F8117
≈ Enchanted Forest
- 00867D
≈ Ornamental Turquoise
Triadico +120° +240°
- 028A52
English Meadow
- 606AC0
≈ Bluish Purple Anemone
- B45237
≈ Crimson Warrior
Complementare divisa +150° +210°
- 028A52
English Meadow
- 885CB0
≈ Lusty Lavender
- B24D67
≈ Gala Pink
Tetradico +90° +180° +270°
- 028A52
English Meadow
- 1C79BD
≈ Haddock’s Sweater
- A35290
≈ Purple Zergling
- A36300
≈ Cumin Ochre
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.41:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.75:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.75:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--english-meadow: #028a52;
--english-meadow-rgb: 2 138 82;
--english-meadow-oklch: oklch(0.557 0.133 156.5);
}
.element {
color: var(--english-meadow);
background-color: hsl(155 97% 27%);
border-color: oklch(0.557 0.133 156.5);
}Tailwind CSS v4
@theme {
--color-english-meadow: #028a52;
--color-english-meadow-50: #d6ffe7;
--color-english-meadow-100: #c3f6d8;
--color-english-meadow-200: #a3e6bf;
--color-english-meadow-300: #78cc9e;
--color-english-meadow-400: #50b67d;
--color-english-meadow-500: #0b9f60;
--color-english-meadow-600: #138752;
--color-english-meadow-700: #106c41;
--color-english-meadow-800: #0e4f2d;
--color-english-meadow-900: #09371e;
--color-english-meadow-950: #00220e;
}SCSS
$english-meadow: #028a52;
$english-meadow-rgb: 2, 138, 82;
$english-meadow-light: mix(#fff, $english-meadow, 20%);
$english-meadow-dark: mix(#000, $english-meadow, 20%);
.element {
color: $english-meadow;
box-shadow: 0 0 0 2px rgba($english-meadow, 0.35);
}