이름 색상 · #819B4F
Rosemarried
Rosemarried은(는) #819B4F: rgb(129 155 79), hsl(81 32% 46%), oklch(0.652 0.107 124.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Rosemarried color name →
#819B4F
oklch(0.652 0.107 124.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8DA561
- 99AF73
- A5B984
- B1C396
- BECDA7
- CBD7B8
- D8E1CA
- E5EBDB
- F2F5ED
셰이드
- 6F8644
- 5E7238
- 4E5E2E
- 3E4B23
- 2E3919
- 1F2810
- 121807
- 060902
- 010100
톤
- 819855
- 81965B
- 819361
- 819166
- 808E6B
- 808B6F
- 808874
- 808678
- 80837C
색 조화
보색 +180°
- 819B4F
Rosemarried
- 9F7FC4
≈ Lilac Purple
유사색 -30° +30°
- 819B4F
Rosemarried
- A48F3A
≈ Reef Gold
- 55A372
≈ Great Gazoo
삼각 배색 +120° +240°
- 819B4F
Rosemarried
- 5396CC
≈ Blue Tourmaline
- C67387
≈ Long Spring
분열 보색 +150° +210°
- 819B4F
Rosemarried
- 7D8AD1
≈ True Lavender
- B876AA
≈ Eccentric Magenta
사각 배색 +90° +180° +270°
- 819B4F
Rosemarried
- 25A0B8
≈ January Blue
- 9F7FC4
≈ Lilac Purple
- C87763
≈ Pompeian Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.11:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.73:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
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);
}