이름 색상 · #7B8867
Swedish Clover
Swedish Clover은(는) #7B8867: rgb(123 136 103), hsl(84 14% 47%), oklch(0.607 0.05 125.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Swedish Clover color name →
#7B8867
oklch(0.607 0.05 125.3)
색상 변환
- HEX
- #7b8867
- RGB
- rgb(123 136 103)
- HSL
- hsl(84 14% 47%)
- HWB
- hwb(84 40% 47%)
- OKLCH
- oklch(0.607 0.05 125.3)
- OKLab
- oklab(0.607 -0.029 0.041)
- CIE Lab
- lab(54.95 -9.54 16.13)
- LCH
- lch(54.95 18.74 120.6)
- CMYK
- cmyk(10% 0% 24% 47%)
틴트 · 셰이드 · 톤
틴트
- 879375
- 949F84
- A1AA93
- AEB6A1
- BBC2B1
- C8CEC0
- D6DACF
- E3E6DF
- F1F3EF
셰이드
- 6A7559
- 5A634B
- 4A523D
- 3A4130
- 2C3123
- 1E2217
- 10130C
- 050604
- 010100
톤
- 7B876A
- 7C866C
- 7C866F
- 7D8571
- 7D8474
- 7E8376
- 7E8379
- 7F827B
- 7F817E
색 조화
보색 +180°
- 7B8867
Swedish Clover
- 897B9B
≈ Relic
유사색 -30° +30°
- 7B8867
Swedish Clover
- 8B8260
≈ Overgrown Granite
- 6A8C75
≈ Juniper Oil
삼각 배색 +120° +240°
- 7B8867
Swedish Clover
- 69869F
≈ Lakeville
- 9D767E
≈ Bohemian Jazz
분열 보색 +150° +210°
- 7B8867
Swedish Clover
- 7980A1
≈ Positively Purple
- 96778E
≈ Hidden Mask
사각 배색 +90° +180° +270°
- 7B8867
Swedish Clover
- 5F8A95
≈ Bell Blue
- 897B9B
≈ Relic
- 9E786E
≈ Southern Road
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.77:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.55:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.55:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--swedish-clover: #7b8867;
--swedish-clover-rgb: 123 136 103;
--swedish-clover-oklch: oklch(0.607 0.05 125.3);
}
.element {
color: var(--swedish-clover);
background-color: hsl(84 14% 47%);
border-color: oklch(0.607 0.05 125.3);
}Tailwind CSS v4
@theme {
--color-swedish-clover: #7b8867;
--color-swedish-clover-50: #f1f8e9;
--color-swedish-clover-100: #e3ebda;
--color-swedish-clover-200: #ced9c2;
--color-swedish-clover-300: #b0bda1;
--color-swedish-clover-400: #97a484;
--color-swedish-clover-500: #7e8c68;
--color-swedish-clover-600: #6b7758;
--color-swedish-clover-700: #555f46;
--color-swedish-clover-800: #3f4532;
--color-swedish-clover-900: #2b3022;
--color-swedish-clover-950: #191c11;
}SCSS
$swedish-clover: #7b8867;
$swedish-clover-rgb: 123, 136, 103;
$swedish-clover-light: mix(#fff, $swedish-clover, 20%);
$swedish-clover-dark: mix(#000, $swedish-clover, 20%);
.element {
color: $swedish-clover;
box-shadow: 0 0 0 2px rgba($swedish-clover, 0.35);
}