Nazwany kolor · #4A934E
Discover Deco
Discover Deco to #4A934E: rgb(74 147 78), hsl(123 33% 43%), oklch(0.599 0.126 144.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Discover Deco color name →
#4A934E
oklch(0.599 0.126 144.9)
Konwersje koloru
- HEX
- #4a934e
- RGB
- rgb(74 147 78)
- HSL
- hsl(123 33% 43%)
- HWB
- hwb(123 29% 42%)
- OKLCH
- oklch(0.599 0.126 144.9)
- OKLab
- oklab(0.599 -0.103 0.072)
- CIE Lab
- lab(54.97 -35.15 29.09)
- LCH
- lch(54.97 45.63 140.4)
- CMYK
- cmyk(50% 0% 47% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5D9E60
- 70A871
- 81B382
- 93BE93
- A5C9A5
- B7D4B7
- C9DEC8
- DBE9DA
- EDF4ED
Odcienie ciemniejsze
- 3F7F43
- 356C38
- 2A592D
- 204723
- 173619
- 0E250F
- 061607
- 020802
- 000100
Tony
- 519154
- 589059
- 5E8E5F
- 638C64
- 698A69
- 6E886E
- 738672
- 778477
- 7C827C
Harmonie kolorów
Komplementarna +180°
- 4A934E
Discover Deco
- A564A9
≈ Royal Pretender
Analogowa -30° +30°
- 4A934E
Discover Deco
- 7E881C
≈ Elwynn Forest Olive
- 00957C
≈ Pool Table
Triada +120° +240°
- 4A934E
Discover Deco
- 5A7DCB
≈ Serenity’s Reign
- BF5E59
≈ Wild Chestnut
Komplementarna rozszczepiona +150° +210°
- 4A934E
Discover Deco
- 866FC2
≈ Middle Blue Purple
- B85D84
≈ Beauty Queen
Tetrada +90° +180° +270°
- 4A934E
Discover Deco
- 068ABF
≈ Cyan Cornflower Blue
- A564A9
≈ Royal Pretender
- B8692B
≈ Shutter Copper
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.76:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.57:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--discover-deco: #4a934e;
--discover-deco-rgb: 74 147 78;
--discover-deco-oklch: oklch(0.599 0.126 144.9);
}
.element {
color: var(--discover-deco);
background-color: hsl(123 33% 43%);
border-color: oklch(0.599 0.126 144.9);
}Tailwind CSS v4
@theme {
--color-discover-deco: #4a934e;
--color-discover-deco-50: #dfffe1;
--color-discover-deco-100: #cdf4d0;
--color-discover-deco-200: #b1e3b5;
--color-discover-deco-300: #8cc992;
--color-discover-deco-400: #6db26f;
--color-discover-deco-500: #499b4e;
--color-discover-deco-600: #3f8343;
--color-discover-deco-700: #326935;
--color-discover-deco-800: #254d23;
--color-discover-deco-900: #193618;
--color-discover-deco-950: #092108;
}SCSS
$discover-deco: #4a934e;
$discover-deco-rgb: 74, 147, 78;
$discover-deco-light: mix(#fff, $discover-deco, 20%);
$discover-deco-dark: mix(#000, $discover-deco, 20%);
.element {
color: $discover-deco;
box-shadow: 0 0 0 2px rgba($discover-deco, 0.35);
}