Colore con nome · #54C589
Enamelled Dragon
Enamelled Dragon è #54C589: rgb(84 197 137), hsl(148 49% 55%), oklch(0.742 0.136 157.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Enamelled Dragon color name →
#54C589
oklch(0.742 0.136 157.3)
Conversioni di colore
- HEX
- #54c589
- RGB
- rgb(84 197 137)
- HSL
- hsl(148 49% 55%)
- HWB
- hwb(148 33% 23%)
- OKLCH
- oklch(0.742 0.136 157.3)
- OKLab
- oklab(0.742 -0.125 0.052)
- CIE Lab
- lab(71.9 -44.1 20.14)
- LCH
- lch(71.9 48.48 155.5)
- CMYK
- cmyk(57% 0% 30% 23%)
Tinte · Ombre · Toni
Tinte
- 6ACB95
- 7DD1A0
- 8FD7AC
- A0DDB7
- B0E3C3
- C0E9CF
- D0EEDB
- E0F4E7
- F0F9F3
Ombre
- 48AB76
- 3C9264
- 317953
- 266142
- 1B4B31
- 113522
- 082114
- 020E07
- 000201
Toni
- 5CBE88
- 63B788
- 69B087
- 6EA986
- 72A385
- 769C84
- 799583
- 7C8E82
- 7E8781
Armonie di colore
Complementare +180°
- 54C589
Enamelled Dragon
- E288CA
≈ Blushed Bombshell
Analogo -30° +30°
- 54C589
Enamelled Dragon
- 94BB57
≈ Happy Tune
- 00C5BA
≈ Swimmers Pool
Triadico +120° +240°
- 54C589
Enamelled Dragon
- 97A2FF
≈ Widowmaker
- F48B6B
≈ Morning Marmalade
Complementare divisa +150° +210°
- 54C589
Enamelled Dragon
- C393EE
≈ Luminous Lavender
- F3859C
≈ Posy Petal
Tetradico +90° +180° +270°
- 54C589
Enamelled Dragon
- 5DB2FC
≈ Tiān Lán Sky
- E288CA
≈ Blushed Bombshell
- E49940
≈ Life Is Good
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.72:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--enamelled-dragon: #54c589;
--enamelled-dragon-rgb: 84 197 137;
--enamelled-dragon-oklch: oklch(0.742 0.136 157.3);
}
.element {
color: var(--enamelled-dragon);
background-color: hsl(148 49% 55%);
border-color: oklch(0.742 0.136 157.3);
}Tailwind CSS v4
@theme {
--color-enamelled-dragon: #54c589;
--color-enamelled-dragon-50: #d5ffe7;
--color-enamelled-dragon-100: #c2f7d8;
--color-enamelled-dragon-200: #a1e7c0;
--color-enamelled-dragon-300: #75cd9e;
--color-enamelled-dragon-400: #4cb67e;
--color-enamelled-dragon-500: #00a061;
--color-enamelled-dragon-600: #048752;
--color-enamelled-dragon-700: #076c42;
--color-enamelled-dragon-800: #09502d;
--color-enamelled-dragon-900: #07371e;
--color-enamelled-dragon-950: #00220e;
}SCSS
$enamelled-dragon: #54c589;
$enamelled-dragon-rgb: 84, 197, 137;
$enamelled-dragon-light: mix(#fff, $enamelled-dragon, 20%);
$enamelled-dragon-dark: mix(#000, $enamelled-dragon, 20%);
.element {
color: $enamelled-dragon;
box-shadow: 0 0 0 2px rgba($enamelled-dragon, 0.35);
}