Nazwany kolor · #5E9D47
Calm Balm
Calm Balm to #5E9D47: rgb(94 157 71), hsl(104 38% 45%), oklch(0.633 0.136 138). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Calm Balm color name →
#5E9D47
oklch(0.633 0.136 138)
Konwersje koloru
- HEX
- #5e9d47
- RGB
- rgb(94 157 71)
- HSL
- hsl(104 38% 45%)
- HWB
- hwb(104 28% 38%)
- OKLCH
- oklch(0.633 0.136 138)
- OKLab
- oklab(0.633 -0.101 0.091)
- CIE Lab
- lab(59.01 -33.57 37.73)
- LCH
- lch(59.01 50.5 131.7)
- CMYK
- cmyk(40% 0% 55% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6EA75A
- 7EB16D
- 8EBA7F
- 9EC491
- AECEA3
- BED8B5
- CEE2C8
- DEEBDA
- EFF5EC
Odcienie ciemniejsze
- 51883D
- 447332
- 375F28
- 2B4C1F
- 1F3A16
- 14280D
- 0A1806
- 030902
- 000100
Tony
- 629A4E
- 669855
- 6A955C
- 6E9261
- 718F67
- 748C6C
- 778972
- 7A8677
- 7D837B
Harmonie kolorów
Komplementarna +180°
- 5E9D47
Calm Balm
- AC6DBF
≈ Soft Purple
Analogowa -30° +30°
- 5E9D47
Calm Balm
- 938F02
≈ Old Asparagus
- 00A27B
≈ Sport Green
Triada +120° +240°
- 5E9D47
Calm Balm
- 538ADB
≈ Blue Jay
- CF646A
≈ Italiano Rose
Komplementarna rozszczepiona +150° +210°
- 5E9D47
Calm Balm
- 877BD7
≈ Indigo Bloom
- C56599
≈ Nocturnal Rose
Tetrada +90° +180° +270°
- 5E9D47
Calm Balm
- 0098C5
≈ Atomic Blue
- AC6DBF
≈ Soft Purple
- CB6D38
≈ Hot Caramel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.28:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.38:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--calm-balm: #5e9d47;
--calm-balm-rgb: 94 157 71;
--calm-balm-oklch: oklch(0.633 0.136 138);
}
.element {
color: var(--calm-balm);
background-color: hsl(104 38% 45%);
border-color: oklch(0.633 0.136 138);
}Tailwind CSS v4
@theme {
--color-calm-balm: #5e9d47;
--color-calm-balm-50: #e1ffdb;
--color-calm-balm-100: #d0f4c9;
--color-calm-balm-200: #b6e3ac;
--color-calm-balm-300: #92c986;
--color-calm-balm-400: #75b160;
--color-calm-balm-500: #549a39;
--color-calm-balm-600: #488332;
--color-calm-balm-700: #396928;
--color-calm-balm-800: #2b4d18;
--color-calm-balm-900: #1d3510;
--color-calm-balm-950: #0d2003;
}SCSS
$calm-balm: #5e9d47;
$calm-balm-rgb: 94, 157, 71;
$calm-balm-light: mix(#fff, $calm-balm, 20%);
$calm-balm-dark: mix(#000, $calm-balm, 20%);
.element {
color: $calm-balm;
box-shadow: 0 0 0 2px rgba($calm-balm, 0.35);
}