이름 색상 · #BCE3C9
Spearmints
Spearmints은(는) #BCE3C9: rgb(188 227 201), hsl(140 41% 81%), oklch(0.881 0.054 155.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Spearmints color name →
#BCE3C9
oklch(0.881 0.054 155.9)
색상 변환
- HEX
- #bce3c9
- RGB
- rgb(188 227 201)
- HSL
- hsl(140 41% 81%)
- HWB
- hwb(140 74% 11%)
- OKLCH
- oklch(0.881 0.054 155.9)
- OKLab
- oklab(0.881 -0.049 0.022)
- CIE Lab
- lab(86.9 -16.97 8.31)
- LCH
- lch(86.9 18.9 153.9)
- CMYK
- cmyk(17% 0% 11% 11%)
틴트 · 셰이드 · 톤
틴트
- C3E6CE
- CAE9D4
- D0EBD9
- D7EEDE
- DEF1E4
- E4F4E9
- EBF7EF
- F2F9F4
- F8FCFA
셰이드
- A3C5AE
- 8BA895
- 738C7C
- 5D7164
- 47574C
- 323F36
- 1F2722
- 0D120F
- 020302
톤
- B6D9C1
- B0CEBA
- AAC4B3
- A4BAAB
- 9EB0A4
- 98A69D
- 929D95
- 8C938E
- 868987
색 조화
보색 +180°
- BCE3C9
Spearmints
- F0CBE6
≈ Poodle Pink
유사색 -30° +30°
- BCE3C9
Spearmints
- CFDFB8
≈ Cat Woman
- B0E4DD
≈ Silent Ripple
삼각 배색 +120° +240°
- BCE3C9
Spearmints
- CDD5FC
≈ Pale Phthalo Blue
- F9CCC0
≈ Spring Song
분열 보색 +150° +210°
- BCE3C9
Spearmints
- E0CFF5
≈ Mousse aux Pruneaux
- F8CAD2
≈ Palace Rose
사각 배색 +90° +180° +270°
- BCE3C9
Spearmints
- BBDCFA
≈ Oh Boy!
- F0CBE6
≈ Poodle Pink
- F1D1B3
≈ Sandalwood Beige
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 14.96:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--spearmints: #bce3c9;
--spearmints-rgb: 188 227 201;
--spearmints-oklch: oklch(0.881 0.054 155.9);
}
.element {
color: var(--spearmints);
background-color: hsl(140 41% 81%);
border-color: oklch(0.881 0.054 155.9);
}Tailwind CSS v4
@theme {
--color-spearmints: #bce3c9;
--color-spearmints-50: #e9faef;
--color-spearmints-100: #daeee1;
--color-spearmints-200: #c2dccb;
--color-spearmints-300: #a1c0ad;
--color-spearmints-400: #85a891;
--color-spearmints-500: #699177;
--color-spearmints-600: #597b65;
--color-spearmints-700: #476251;
--color-spearmints-800: #34483a;
--color-spearmints-900: #233228;
--color-spearmints-950: #121e16;
}SCSS
$spearmints: #bce3c9;
$spearmints-rgb: 188, 227, 201;
$spearmints-light: mix(#fff, $spearmints, 20%);
$spearmints-dark: mix(#000, $spearmints, 20%);
.element {
color: $spearmints;
box-shadow: 0 0 0 2px rgba($spearmints, 0.35);
}