이름 색상 · #699B72
Rosemary Green
Rosemary Green은(는) #699B72: rgb(105 155 114), hsl(131 20% 51%), oklch(0.642 0.081 149.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Rosemary Green color name →
#699B72
oklch(0.642 0.081 149.3)
색상 변환
- HEX
- #699b72
- RGB
- rgb(105 155 114)
- HSL
- hsl(131 20% 51%)
- HWB
- hwb(131 41% 39%)
- OKLCH
- oklch(0.642 0.081 149.3)
- OKLab
- oklab(0.642 -0.07 0.041)
- CIE Lab
- lab(59.58 -24.05 16.03)
- LCH
- lch(59.58 28.9 146.3)
- CMYK
- cmyk(32% 0% 26% 39%)
틴트 · 셰이드 · 톤
틴트
- 78A57F
- 87AF8D
- 95B89B
- A4C2A9
- B3CCB7
- C2D6C5
- D1E0D3
- E0EBE2
- F0F5F0
셰이드
- 5A8662
- 4C7253
- 3E5E44
- 314B36
- 243928
- 18281B
- 0C180E
- 040904
- 000101
톤
- 6C9874
- 6F9675
- 719377
- 749078
- 768E79
- 788B7B
- 7A887C
- 7C867D
- 7E837F
색 조화
보색 +180°
- 699B72
Rosemary Green
- A97BA5
≈ Usu Pink
유사색 -30° +30°
- 699B72
Rosemary Green
- 87945B
≈ Pretty Maiden
- 4F9D8E
≈ Petrol Green
삼각 배색 +120° +240°
- 699B72
Rosemary Green
- 798BBF
≈ Larkspur Bouquet
- B97A70
≈ Heirloom
분열 보색 +150° +210°
- 699B72
Rosemary Green
- 9482B8
≈ Bougainvillaea
- B6788B
≈ Mauve Seductress
사각 배색 +90° +180° +270°
- 699B72
Rosemary Green
- 5C94B9
≈ Empire Blue
- A97BA5
≈ Usu Pink
- B2815A
≈ Choco Biscuit
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.21:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.53:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--rosemary-green: #699b72;
--rosemary-green-rgb: 105 155 114;
--rosemary-green-oklch: oklch(0.642 0.081 149.3);
}
.element {
color: var(--rosemary-green);
background-color: hsl(131 20% 51%);
border-color: oklch(0.642 0.081 149.3);
}Tailwind CSS v4
@theme {
--color-rosemary-green: #699b72;
--color-rosemary-green-50: #e5fcea;
--color-rosemary-green-100: #d5f0da;
--color-rosemary-green-200: #bcdfc3;
--color-rosemary-green-300: #99c4a3;
--color-rosemary-green-400: #7cac85;
--color-rosemary-green-500: #5e9569;
--color-rosemary-green-600: #507e59;
--color-rosemary-green-700: #406547;
--color-rosemary-green-800: #2f4a32;
--color-rosemary-green-900: #203322;
--color-rosemary-green-950: #0f1f11;
}SCSS
$rosemary-green: #699b72;
$rosemary-green-rgb: 105, 155, 114;
$rosemary-green-light: mix(#fff, $rosemary-green, 20%);
$rosemary-green-dark: mix(#000, $rosemary-green, 20%);
.element {
color: $rosemary-green;
box-shadow: 0 0 0 2px rgba($rosemary-green, 0.35);
}