이름 색상 · #51B73B
Skirret Green
Skirret Green은(는) #51B73B: rgb(81 183 59), hsl(109 51% 47%), oklch(0.693 0.187 140.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Skirret Green color name →
#51B73B
oklch(0.693 0.187 140.4)
색상 변환
- HEX
- #51b73b
- RGB
- rgb(81 183 59)
- HSL
- hsl(109 51% 47%)
- HWB
- hwb(109 23% 28%)
- OKLCH
- oklch(0.693 0.187 140.4)
- OKLab
- oklab(0.693 -0.144 0.119)
- CIE Lab
- lab(66.55 -48.23 51.09)
- LCH
- lch(66.55 70.26 133.4)
- CMYK
- cmyk(56% 0% 68% 28%)
틴트 · 셰이드 · 톤
틴트
- 65BF53
- 78C668
- 8ACE7C
- 9BD590
- ACDCA2
- BDE3B5
- CDEBC7
- DEF1DA
- EEF8EC
셰이드
- 459F32
- 3A8729
- 2F7021
- 245A19
- 1A4511
- 103109
- 071E04
- 020C01
- 000200
톤
- 59B246
- 5FAD50
- 65A758
- 6AA25F
- 6F9C66
- 73976C
- 779171
- 7A8C76
- 7D867B
색 조화
보색 +180°
- 51B73B
Skirret Green
- CE6FE3
≈ Purple Snail
유사색 -30° +30°
- 51B73B
Skirret Green
- A2A400
≈ Countryside
- 00B790
≈ Green Velour
삼각 배색 +120° +240°
- 51B73B
Skirret Green
- 5F9AFF
≈ Blue Chaos
- FB626A
≈ Grenadine Pink
분열 보색 +150° +210°
- 51B73B
Skirret Green
- 9E85FF
≈ Periwinkle
- EE63AC
≈ Fugitive Flamingo
사각 배색 +90° +180° +270°
- 51B73B
Skirret Green
- 00ABE2
≈ Blue Fire
- CE6FE3
≈ Purple Snail
- F27300
≈ Supernatural Saffron
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.56:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.18:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--skirret-green: #51b73b;
--skirret-green-rgb: 81 183 59;
--skirret-green-oklch: oklch(0.693 0.187 140.4);
}
.element {
color: var(--skirret-green);
background-color: hsl(109 51% 47%);
border-color: oklch(0.693 0.187 140.4);
}Tailwind CSS v4
@theme {
--color-skirret-green: #51b73b;
--color-skirret-green-50: #d7ffd2;
--color-skirret-green-100: #c4f9bf;
--color-skirret-green-200: #a5e99e;
--color-skirret-green-300: #7bcf74;
--color-skirret-green-400: #59b845;
--color-skirret-green-500: #27a100;
--color-skirret-green-600: #258901;
--color-skirret-green-700: #1d6d04;
--color-skirret-green-800: #195000;
--color-skirret-green-900: #103800;
--color-skirret-green-950: #032200;
}SCSS
$skirret-green: #51b73b;
$skirret-green-rgb: 81, 183, 59;
$skirret-green-light: mix(#fff, $skirret-green, 20%);
$skirret-green-dark: mix(#000, $skirret-green, 20%);
.element {
color: $skirret-green;
box-shadow: 0 0 0 2px rgba($skirret-green, 0.35);
}