Nazwany kolor · #819B4F
Rosemarried
Rosemarried to #819B4F: rgb(129 155 79), hsl(81 32% 46%), oklch(0.652 0.107 124.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Rosemarried color name →
#819B4F
oklch(0.652 0.107 124.8)
Konwersje koloru
- HEX
- #819b4f
- RGB
- rgb(129 155 79)
- HSL
- hsl(81 32% 46%)
- HWB
- hwb(81 31% 39%)
- OKLCH
- oklch(0.652 0.107 124.8)
- OKLab
- oklab(0.652 -0.061 0.088)
- CIE Lab
- lab(60.65 -18.91 36.35)
- LCH
- lch(60.65 40.98 117.5)
- CMYK
- cmyk(17% 0% 49% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8DA561
- 99AF73
- A5B984
- B1C396
- BECDA7
- CBD7B8
- D8E1CA
- E5EBDB
- F2F5ED
Odcienie ciemniejsze
- 6F8644
- 5E7238
- 4E5E2E
- 3E4B23
- 2E3919
- 1F2810
- 121807
- 060902
- 010100
Tony
- 819855
- 81965B
- 819361
- 819166
- 808E6B
- 808B6F
- 808874
- 808678
- 80837C
Harmonie kolorów
Komplementarna +180°
- 819B4F
Rosemarried
- 9F7FC4
≈ Lilac Purple
Analogowa -30° +30°
- 819B4F
Rosemarried
- A48F3A
≈ Reef Gold
- 55A372
≈ Great Gazoo
Triada +120° +240°
- 819B4F
Rosemarried
- 5396CC
≈ Blue Tourmaline
- C67387
≈ Long Spring
Komplementarna rozszczepiona +150° +210°
- 819B4F
Rosemarried
- 7D8AD1
≈ True Lavender
- B876AA
≈ Eccentric Magenta
Tetrada +90° +180° +270°
- 819B4F
Rosemarried
- 25A0B8
≈ January Blue
- 9F7FC4
≈ Lilac Purple
- C87763
≈ Pompeian Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.11:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.73:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--rosemarried: #819b4f;
--rosemarried-rgb: 129 155 79;
--rosemarried-oklch: oklch(0.652 0.107 124.8);
}
.element {
color: var(--rosemarried);
background-color: hsl(81 32% 46%);
border-color: oklch(0.652 0.107 124.8);
}Tailwind CSS v4
@theme {
--color-rosemarried: #819b4f;
--color-rosemarried-50: #edfbdb;
--color-rosemarried-100: #deefc9;
--color-rosemarried-200: #c8ddac;
--color-rosemarried-300: #a9c286;
--color-rosemarried-400: #90aa61;
--color-rosemarried-500: #76923c;
--color-rosemarried-600: #647c34;
--color-rosemarried-700: #50632a;
--color-rosemarried-800: #3c481b;
--color-rosemarried-900: #293212;
--color-rosemarried-950: #171e04;
}SCSS
$rosemarried: #819b4f;
$rosemarried-rgb: 129, 155, 79;
$rosemarried-light: mix(#fff, $rosemarried, 20%);
$rosemarried-dark: mix(#000, $rosemarried, 20%);
.element {
color: $rosemarried;
box-shadow: 0 0 0 2px rgba($rosemarried, 0.35);
}