이름 색상 · #E5D9B6
Lemon Balm
Lemon Balm은(는) #E5D9B6: rgb(229 217 182), hsl(45 47% 81%), oklch(0.886 0.048 91.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lemon Balm color name →
#E5D9B6
oklch(0.886 0.048 91.3)
색상 변환
- HEX
- #e5d9b6
- RGB
- rgb(229 217 182)
- HSL
- hsl(45 47% 81%)
- HWB
- hwb(45 71% 10%)
- OKLCH
- oklch(0.886 0.048 91.3)
- OKLab
- oklab(0.886 -0.001 0.048)
- CIE Lab
- lab(87 0.16 18.88)
- LCH
- lch(87 18.88 89.5)
- CMYK
- cmyk(0% 5% 21% 10%)
틴트 · 셰이드 · 톤
틴트
- E8DDBD
- EAE1C5
- EDE4CC
- EFE8D3
- F2ECDA
- F5F0E2
- F7F4E9
- FAF7F0
- FCFBF8
셰이드
- C7BC9E
- AAA186
- 8E866F
- 726C59
- 585344
- 3F3B30
- 28251D
- 12110C
- 030202
톤
- DAD0B1
- D0C7AB
- C6BDA6
- BBB4A0
- B1AC9B
- A7A396
- 9D9A90
- 93918B
- 8A8985
색 조화
보색 +180°
- E5D9B6
Lemon Balm
- CED8FA
≈ Icy Plains
유사색 -30° +30°
- E5D9B6
Lemon Balm
- F2D3BA
≈ Only Yesterday
- D4DFBC
≈ Spring Glow
삼각 배색 +120° +240°
- E5D9B6
Lemon Balm
- B6E3EC
≈ Ocean Front
- EDCEE8
≈ Poodle Pink
분열 보색 +150° +210°
- E5D9B6
Lemon Balm
- BEDEF7
≈ Arctic Paradise
- DFD3F5
≈ Japan Blush
사각 배색 +90° +180° +270°
- E5D9B6
Lemon Balm
- B8E4DB
≈ Ice Cap Green
- CED8FA
≈ Icy Plains
- F6CDD7
≈ Pink Lace
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.93:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.93:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--lemon-balm: #e5d9b6;
--lemon-balm-rgb: 229 217 182;
--lemon-balm-oklch: oklch(0.886 0.048 91.3);
}
.element {
color: var(--lemon-balm);
background-color: hsl(45 47% 81%);
border-color: oklch(0.886 0.048 91.3);
}Tailwind CSS v4
@theme {
--color-lemon-balm: #e5d9b6;
--color-lemon-balm-50: #faf5e6;
--color-lemon-balm-100: #ede8d6;
--color-lemon-balm-200: #dbd4be;
--color-lemon-balm-300: #bfb79c;
--color-lemon-balm-400: #a99e7e;
--color-lemon-balm-500: #928561;
--color-lemon-balm-600: #7b7153;
--color-lemon-balm-700: #635a42;
--color-lemon-balm-800: #49422f;
--color-lemon-balm-900: #332d20;
--color-lemon-balm-950: #1e1a10;
}SCSS
$lemon-balm: #e5d9b6;
$lemon-balm-rgb: 229, 217, 182;
$lemon-balm-light: mix(#fff, $lemon-balm, 20%);
$lemon-balm-dark: mix(#000, $lemon-balm, 20%);
.element {
color: $lemon-balm;
box-shadow: 0 0 0 2px rgba($lemon-balm, 0.35);
}