Colore con nome · #358D52
Shamrock Field
Shamrock Field è #358D52: rgb(53 141 82), hsl(140 45% 38%), oklch(0.575 0.123 151.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Shamrock Field color name →
#358D52
oklch(0.575 0.123 151.3)
Conversioni di colore
- HEX
- #358d52
- RGB
- rgb(53 141 82)
- HSL
- hsl(140 45% 38%)
- HWB
- hwb(140 21% 45%)
- OKLCH
- oklch(0.575 0.123 151.3)
- OKLab
- oklab(0.575 -0.108 0.059)
- CIE Lab
- lab(52.28 -37.83 23.39)
- LCH
- lch(52.28 44.48 148.3)
- CMYK
- cmyk(62% 0% 42% 45%)
Tinte · Ombre · Toni
Tinte
- 4D9863
- 62A473
- 76AF84
- 8ABA95
- 9DC6A6
- B1D1B7
- C4DCC9
- D8E8DB
- EBF3ED
Ombre
- 2D7A46
- 25673B
- 1D552F
- 154425
- 0E331A
- 082311
- 031408
- 010702
- 000100
Toni
- 408C57
- 4A8B5C
- 528A61
- 5A8965
- 61876A
- 68866F
- 6E8573
- 748377
- 7A827C
Armonie di colore
Complementare +180°
- 358D52
Shamrock Field
- A25B9A
≈ Heath Spotted Orchid
Analogo -30° +30°
- 358D52
Shamrock Field
- 6E8321
≈ Pacifika
- 008C7D
≈ Greenlake
Triadico +120° +240°
- 358D52
Shamrock Field
- 5F73C1
≈ Indigo Light
- B65A4A
≈ Ginger Spice
Complementare divisa +150° +210°
- 358D52
Shamrock Field
- 8666B6
≈ Lavish Spending
- B25674
≈ Kir Royale Rose
Tetradico +90° +180° +270°
- 358D52
Shamrock Field
- 1F80BB
≈ Tall Ships
- A25B9A
≈ Heath Spotted Orchid
- AC6519
≈ Sattle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.13:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.08:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.08:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--shamrock-field: #358d52;
--shamrock-field-rgb: 53 141 82;
--shamrock-field-oklch: oklch(0.575 0.123 151.3);
}
.element {
color: var(--shamrock-field);
background-color: hsl(140 45% 38%);
border-color: oklch(0.575 0.123 151.3);
}Tailwind CSS v4
@theme {
--color-shamrock-field: #358d52;
--color-shamrock-field-50: #dbffe5;
--color-shamrock-field-100: #c9f5d5;
--color-shamrock-field-200: #ace4bc;
--color-shamrock-field-300: #85ca9a;
--color-shamrock-field-400: #62b379;
--color-shamrock-field-500: #399d5a;
--color-shamrock-field-600: #32844d;
--color-shamrock-field-700: #286a3d;
--color-shamrock-field-800: #1e4e2a;
--color-shamrock-field-900: #14361c;
--color-shamrock-field-950: #05210c;
}SCSS
$shamrock-field: #358d52;
$shamrock-field-rgb: 53, 141, 82;
$shamrock-field-light: mix(#fff, $shamrock-field, 20%);
$shamrock-field-dark: mix(#000, $shamrock-field, 20%);
.element {
color: $shamrock-field;
box-shadow: 0 0 0 2px rgba($shamrock-field, 0.35);
}