이름 색상 · #BEE8D3
Maypole
Maypole은(는) #BEE8D3: rgb(190 232 211), hsl(150 48% 83%), oklch(0.895 0.052 163.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Maypole color name →
#BEE8D3
oklch(0.895 0.052 163.5)
색상 변환
- HEX
- #bee8d3
- RGB
- rgb(190 232 211)
- HSL
- hsl(150 48% 83%)
- HWB
- hwb(150 75% 9%)
- OKLCH
- oklch(0.895 0.052 163.5)
- OKLab
- oklab(0.895 -0.05 0.015)
- CIE Lab
- lab(88.57 -17.21 5.51)
- LCH
- lch(88.57 18.07 162.2)
- CMYK
- cmyk(18% 0% 9% 9%)
틴트 · 셰이드 · 톤
틴트
- C5EAD7
- CBEDDC
- D2EFE0
- D8F1E4
- DFF4E9
- E5F6ED
- ECF8F2
- F2FAF6
- F9FDFB
셰이드
- A5CAB7
- 8CAC9C
- 759082
- 5E7469
- 485951
- 33403A
- 1F2924
- 0D1310
- 020302
톤
- B8DDCA
- B2D2C2
- ABC8B9
- A5BDB1
- 9FB3A9
- 99A8A0
- 939E98
- 8C9490
- 868A88
색 조화
보색 +180°
- BEE8D3
Maypole
- F7CFE5
≈ Pink Lily
유사색 -30° +30°
- BEE8D3
Maypole
- CFE5C2
≈ Irish Folklore
- B5E8E6
≈ Tahitian Breeze
삼각 배색 +120° +240°
- BEE8D3
Maypole
- D7D9FF
≈ Icy Plains
- FCD2C1
≈ Petal Soft
분열 보색 +150° +210°
- BEE8D3
Maypole
- E9D3F6
≈ Lavender Princess
- FDCFD2
≈ Love Fumes
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.67:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--maypole: #bee8d3;
--maypole-rgb: 190 232 211;
--maypole-oklch: oklch(0.895 0.052 163.5);
}
.element {
color: var(--maypole);
background-color: hsl(150 48% 83%);
border-color: oklch(0.895 0.052 163.5);
}Tailwind CSS v4
@theme {
--color-maypole: #bee8d3;
--color-maypole-50: #e8faf2;
--color-maypole-100: #d9eee4;
--color-maypole-200: #c0dccf;
--color-maypole-300: #9fc0b1;
--color-maypole-400: #83a996;
--color-maypole-500: #66917d;
--color-maypole-600: #577b6a;
--color-maypole-700: #456254;
--color-maypole-800: #32483d;
--color-maypole-900: #22322a;
--color-maypole-950: #111e17;
}SCSS
$maypole: #bee8d3;
$maypole-rgb: 190, 232, 211;
$maypole-light: mix(#fff, $maypole, 20%);
$maypole-dark: mix(#000, $maypole, 20%);
.element {
color: $maypole;
box-shadow: 0 0 0 2px rgba($maypole, 0.35);
}