이름 색상 · #B6E9C8
Mint-o-licious
Mint-o-licious은(는) #B6E9C8: rgb(182 233 200), hsl(141 54% 81%), oklch(0.89 0.069 156.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Mint-o-licious color name →
#B6E9C8
oklch(0.89 0.069 156.3)
색상 변환
- HEX
- #b6e9c8
- RGB
- rgb(182 233 200)
- HSL
- hsl(141 54% 81%)
- HWB
- hwb(141 71% 9%)
- OKLCH
- oklch(0.89 0.069 156.3)
- OKLab
- oklab(0.89 -0.063 0.028)
- CIE Lab
- lab(88.12 -21.84 10.5)
- LCH
- lch(88.12 24.24 154.3)
- CMYK
- cmyk(22% 0% 14% 9%)
틴트 · 셰이드 · 톤
틴트
- BEEBCD
- C5EED3
- CCF0D8
- D4F2DE
- DBF4E3
- E2F6E9
- EAF9EE
- F1FBF4
- F8FDF9
셰이드
- 9ECBAE
- 86AD94
- 6F907B
- 597463
- 445A4C
- 304136
- 1D2921
- 0C130F
- 020302
톤
- B1DEC1
- ABD3B9
- A6C8B2
- A1BEAB
- 9BB3A3
- 96A99C
- 919E95
- 8B948E
- 868A87
색 조화
보색 +180°
- B6E9C8
Mint-o-licious
- F9CAEC
≈ Rosy Maple Moth
유사색 -30° +30°
- B6E9C8
Mint-o-licious
- CFE4B2
≈ Green Reflection
- A6EAE2
≈ Aquatic Mist
삼각 배색 +120° +240°
- B6E9C8
Mint-o-licious
- D1D8FF
≈ Icy Plains
- FFCEC0
≈ Delicate Sweet Apricot
분열 보색 +150° +210°
- B6E9C8
Mint-o-licious
- E6D0FF
≈ Rose Dragée
- FFCBD4
≈ Sweet Sixteen
사각 배색 +90° +180° +270°
- B6E9C8
Mint-o-licious
- BDDFFF
≈ Dithered Sky
- F9CAEC
≈ Rosy Maple Moth
- FBD2AA
≈ Opalescent Coral
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.47:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--mint-o-licious: #b6e9c8;
--mint-o-licious-rgb: 182 233 200;
--mint-o-licious-oklch: oklch(0.89 0.069 156.3);
}
.element {
color: var(--mint-o-licious);
background-color: hsl(141 54% 81%);
border-color: oklch(0.89 0.069 156.3);
}Tailwind CSS v4
@theme {
--color-mint-o-licious: #b6e9c8;
--color-mint-o-licious-50: #e6fcee;
--color-mint-o-licious-100: #d6efdf;
--color-mint-o-licious-200: #bcdec9;
--color-mint-o-licious-300: #9ac3aa;
--color-mint-o-licious-400: #7dab8e;
--color-mint-o-licious-500: #5f9473;
--color-mint-o-licious-600: #517d62;
--color-mint-o-licious-700: #40644e;
--color-mint-o-licious-800: #2f4a38;
--color-mint-o-licious-900: #203326;
--color-mint-o-licious-950: #0f1f14;
}SCSS
$mint-o-licious: #b6e9c8;
$mint-o-licious-rgb: 182, 233, 200;
$mint-o-licious-light: mix(#fff, $mint-o-licious, 20%);
$mint-o-licious-dark: mix(#000, $mint-o-licious, 20%);
.element {
color: $mint-o-licious;
box-shadow: 0 0 0 2px rgba($mint-o-licious, 0.35);
}