이름 색상 · #0BF77D
Minty Green
Minty Green은(는) #0BF77D: rgb(11 247 125), hsl(149 94% 51%), oklch(0.855 0.227 151.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Minty Green color name →
#0BF77D
oklch(0.855 0.227 151.3)
색상 변환
- HEX
- #0bf77d
- RGB
- rgb(11 247 125)
- HSL
- hsl(149 94% 51%)
- HWB
- hwb(149 4% 3%)
- OKLCH
- oklch(0.855 0.227 151.3)
- OKLab
- oklab(0.855 -0.199 0.109)
- CIE Lab
- lab(86 -70.22 43.95)
- LCH
- lch(86 82.84 148)
- CMYK
- cmyk(96% 0% 49% 3%)
틴트 · 셰이드 · 톤
틴트
- 4DF98B
- 6DFA99
- 85FBA7
- 9AFCB4
- ADFDC1
- BFFECD
- D0FEDA
- E0FFE6
- F0FFF3
셰이드
- 08D76C
- 06B75B
- 04994B
- 027C3B
- 01602C
- 01451E
- 002C11
- 001505
- 000301
톤
- 3AEB7F
- 4EDF80
- 5CD381
- 66C782
- 6DBB82
- 73AF82
- 78A482
- 7C9882
- 7E8C81
색 조화
보색 +180°
- 0BF77D
Minty Green
- FFB1F5
≈ Pink Apotheosis
유사색 -30° +30°
- 0BF77D
Minty Green
- BCE200
≈ Livid Lime
- 00EFD5
≈ Frozen Boubble
삼각 배색 +120° +240°
- 0BF77D
Minty Green
- BECDFF
≈ Light Periwinkle
- FFBDB0
≈ Egyptian Javelin
분열 보색 +150° +210°
- 0BF77D
Minty Green
- D9C3FF
≈ Neon Boneyard
- FFB9CC
≈ Tentacle Pink
사각 배색 +90° +180° +270°
- 0BF77D
Minty Green
- A1D7FF
≈ Malmö FF
- FFB1F5
≈ Pink Apotheosis
- FFC18C
≈ Tuscan Wall
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.61:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.61:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--minty-green: #0bf77d;
--minty-green-rgb: 11 247 125;
--minty-green-oklch: oklch(0.855 0.227 151.3);
}
.element {
color: var(--minty-green);
background-color: hsl(149 94% 51%);
border-color: oklch(0.855 0.227 151.3);
}Tailwind CSS v4
@theme {
--color-minty-green: #0bf77d;
--color-minty-green-50: #c3ffd7;
--color-minty-green-100: #abffc4;
--color-minty-green-200: #7ff0a6;
--color-minty-green-300: #39d87e;
--color-minty-green-400: #00c151;
--color-minty-green-500: #00ab1e;
--color-minty-green-600: #00911d;
--color-minty-green-700: #007417;
--color-minty-green-800: #005506;
--color-minty-green-900: #003c05;
--color-minty-green-950: #002500;
}SCSS
$minty-green: #0bf77d;
$minty-green-rgb: 11, 247, 125;
$minty-green-light: mix(#fff, $minty-green, 20%);
$minty-green-dark: mix(#000, $minty-green, 20%);
.element {
color: $minty-green;
box-shadow: 0 0 0 2px rgba($minty-green, 0.35);
}