이름 색상 · #68E52F
Shire Green
Shire Green은(는) #68E52F: rgb(104 229 47), hsl(101 78% 54%), oklch(0.818 0.237 138.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Shire Green color name →
#68E52F
oklch(0.818 0.237 138.3)
색상 변환
- HEX
- #68e52f
- RGB
- rgb(104 229 47)
- HSL
- hsl(101 78% 54%)
- HWB
- hwb(101 18% 10%)
- OKLCH
- oklch(0.818 0.237 138.3)
- OKLab
- oklab(0.818 -0.177 0.158)
- CIE Lab
- lab(81.52 -58.27 69.74)
- LCH
- lch(81.52 90.88 129.9)
- CMYK
- cmyk(55% 0% 79% 10%)
틴트 · 셰이드 · 톤
틴트
- 7BE851
- 8CEC6A
- 9CEF80
- ABF294
- BAF4A7
- C8F7B9
- D6F9CB
- E4FBDD
- F1FDEE
셰이드
- 59C727
- 4BAA20
- 3E8E19
- 307212
- 24580C
- 183F06
- 0C2803
- 041201
- 000300
톤
- 6DDB42
- 72D14F
- 76C759
- 79BD62
- 7BB369
- 7DA96F
- 7E9F74
- 7F9579
- 808A7D
색 조화
보색 +180°
- 68E52F
Shire Green
- EAA5FF
≈ Rich Brilliant Lavender
유사색 -30° +30°
- 68E52F
Shire Green
- CFCB00
≈ Golden Harvest
- 00E5B0
≈ Overchlorinated Pool
삼각 배색 +120° +240°
- 68E52F
Shire Green
- 9FC6FF
≈ Apocyan
- FFA9AA
≈ Apricot Haze
분열 보색 +150° +210°
- 68E52F
Shire Green
- C0BAFF
≈ Dried Lilac
- FFA2D1
≈ Corinthian Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.63:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.83:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.83:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--shire-green: #68e52f;
--shire-green-rgb: 104 229 47;
--shire-green-oklch: oklch(0.818 0.237 138.3);
}
.element {
color: var(--shire-green);
background-color: hsl(101 78% 54%);
border-color: oklch(0.818 0.237 138.3);
}Tailwind CSS v4
@theme {
--color-shire-green: #68e52f;
--color-shire-green-50: #d1ffc6;
--color-shire-green-100: #bdfcb0;
--color-shire-green-200: #9bed8a;
--color-shire-green-300: #6cd457;
--color-shire-green-400: #46bc00;
--color-shire-green-500: #00a600;
--color-shire-green-600: #008c00;
--color-shire-green-700: #007000;
--color-shire-green-800: #0b5200;
--color-shire-green-900: #073900;
--color-shire-green-950: #002300;
}SCSS
$shire-green: #68e52f;
$shire-green-rgb: 104, 229, 47;
$shire-green-light: mix(#fff, $shire-green, 20%);
$shire-green-dark: mix(#000, $shire-green, 20%);
.element {
color: $shire-green;
box-shadow: 0 0 0 2px rgba($shire-green, 0.35);
}