Colore con nome · #549C38
Bright Parrot
Bright Parrot è #549C38: rgb(84 156 56), hsl(103 47% 42%), oklch(0.624 0.153 138.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bright Parrot color name →
#549C38
oklch(0.624 0.153 138.1)
Conversioni di colore
- HEX
- #549c38
- RGB
- rgb(84 156 56)
- HSL
- hsl(103 47% 42%)
- HWB
- hwb(103 22% 39%)
- OKLCH
- oklch(0.624 0.153 138.1)
- OKLab
- oklab(0.624 -0.114 0.102)
- CIE Lab
- lab(58.08 -37.66 43.44)
- LCH
- lch(58.08 57.49 130.9)
- CMYK
- cmyk(46% 0% 64% 39%)
Tinte · Ombre · Toni
Tinte
- 66A64F
- 77B063
- 88BA77
- 99C48A
- AACE9E
- BAD8B1
- CBE2C4
- DDEBD8
- EEF5EB
Ombre
- 48872F
- 3C7327
- 315F1F
- 264C17
- 1B390F
- 112808
- 081804
- 020901
- 000100
Toni
- 5A9A42
- 5F974B
- 649453
- 69925B
- 6D8F62
- 718C68
- 75896F
- 798675
- 7C837A
Armonie di colore
Complementare +180°
- 549C38
Bright Parrot
- AD66C2
≈ Rich Lavender
Analogo -30° +30°
- 549C38
Bright Parrot
- 908C00
≈ Old Asparagus
- 009F79
≈ Holly Green
Triadico +120° +240°
- 549C38
Bright Parrot
- 4886E2
≈ Blue Jay
- D35A63
≈ Tandoori Red
Complementare divisa +150° +210°
- 549C38
Bright Parrot
- 8575DD
≈ Matt Purple
- C85B97
≈ Llilacquered
Tetradico +90° +180° +270°
- 549C38
Bright Parrot
- 0094C1
≈ Surf Rider
- AD66C2
≈ Rich Lavender
- CF6523
≈ Solar Ash
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.39:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.18:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.18:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--bright-parrot: #549c38;
--bright-parrot-rgb: 84 156 56;
--bright-parrot-oklch: oklch(0.624 0.153 138.1);
}
.element {
color: var(--bright-parrot);
background-color: hsl(103 47% 42%);
border-color: oklch(0.624 0.153 138.1);
}Tailwind CSS v4
@theme {
--color-bright-parrot: #549c38;
--color-bright-parrot-50: #dfffd7;
--color-bright-parrot-100: #cdf5c5;
--color-bright-parrot-200: #b2e5a6;
--color-bright-parrot-300: #8ccb7f;
--color-bright-parrot-400: #6eb356;
--color-bright-parrot-500: #4c9c29;
--color-bright-parrot-600: #418425;
--color-bright-parrot-700: #346a1e;
--color-bright-parrot-800: #274e10;
--color-bright-parrot-900: #1a360a;
--color-bright-parrot-950: #0b2100;
}SCSS
$bright-parrot: #549c38;
$bright-parrot-rgb: 84, 156, 56;
$bright-parrot-light: mix(#fff, $bright-parrot, 20%);
$bright-parrot-dark: mix(#000, $bright-parrot, 20%);
.element {
color: $bright-parrot;
box-shadow: 0 0 0 2px rgba($bright-parrot, 0.35);
}