이름 색상 · #B5D96B
Melissa
Melissa은(는) #B5D96B: rgb(181 217 107), hsl(80 59% 64%), oklch(0.836 0.143 124.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Melissa color name →
#B5D96B
oklch(0.836 0.143 124.4)
색상 변환
- HEX
- #b5d96b
- RGB
- rgb(181 217 107)
- HSL
- hsl(80 59% 64%)
- HWB
- hwb(80 42% 15%)
- OKLCH
- oklch(0.836 0.143 124.4)
- OKLab
- oklab(0.836 -0.081 0.118)
- CIE Lab
- lab(82.33 -24.92 49.41)
- LCH
- lch(82.33 55.34 116.8)
- CMYK
- cmyk(17% 0% 51% 15%)
틴트 · 셰이드 · 톤
틴트
- BCDD7C
- C3E18C
- CBE59B
- D2E9AA
- D9EDB9
- E1F1C7
- E8F4D5
- F0F8E3
- F7FBF1
셰이드
- 9DBC5C
- 86A14E
- 6F863F
- 596C32
- 445325
- 303B18
- 1D250D
- 0C1104
- 020200
톤
- B0D06F
- AAC773
- A5BE76
- 9FB578
- 9AAC7A
- 95A37C
- 8F9A7E
- 8A927F
- 85897F
색 조화
보색 +180°
- B5D96B
Melissa
- D8B9FF
≈ Lavender Fragrance
유사색 -30° +30°
- B5D96B
Melissa
- E7C74C
≈ Fall Meadow
- 74E49F
≈ Ragweed
삼각 배색 +120° +240°
- B5D96B
Melissa
- 98D0FF
≈ Long Island Sound
- FFAFC1
≈ Baby’s Blanket
분열 보색 +150° +210°
- B5D96B
Melissa
- B9C6FF
≈ Light Periwinkle
- FFA7ED
≈ Pink Wink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.10:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--melissa: #b5d96b;
--melissa-rgb: 181 217 107;
--melissa-oklch: oklch(0.836 0.143 124.4);
}
.element {
color: var(--melissa);
background-color: hsl(80 59% 64%);
border-color: oklch(0.836 0.143 124.4);
}Tailwind CSS v4
@theme {
--color-melissa: #b5d96b;
--color-melissa-50: #eafdd1;
--color-melissa-100: #dbf1be;
--color-melissa-200: #c4e09d;
--color-melissa-300: #a4c572;
--color-melissa-400: #8cac45;
--color-melissa-500: #729500;
--color-melissa-600: #617e03;
--color-melissa-700: #4d6505;
--color-melissa-800: #3a4a00;
--color-melissa-900: #283301;
--color-melissa-950: #161f00;
}SCSS
$melissa: #b5d96b;
$melissa-rgb: 181, 217, 107;
$melissa-light: mix(#fff, $melissa, 20%);
$melissa-dark: mix(#000, $melissa, 20%);
.element {
color: $melissa;
box-shadow: 0 0 0 2px rgba($melissa, 0.35);
}