이름 색상 · #E0DDBE
Above Board
Above Board은(는) #E0DDBE: rgb(224 221 190), hsl(55 35% 81%), oklch(0.892 0.041 102.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Above Board color name →
#E0DDBE
oklch(0.892 0.041 102.7)
색상 변환
- HEX
- #e0ddbe
- RGB
- rgb(224 221 190)
- HSL
- hsl(55 35% 81%)
- HWB
- hwb(55 75% 12%)
- OKLCH
- oklch(0.892 0.041 102.7)
- OKLab
- oklab(0.892 -0.009 0.04)
- CIE Lab
- lab(87.75 -2.75 15.68)
- LCH
- lch(87.75 15.92 100)
- CMYK
- cmyk(0% 1% 15% 12%)
틴트 · 셰이드 · 톤
틴트
- E3E0C4
- E6E4CB
- E9E7D1
- ECEBD8
- EFEEDE
- F2F1E5
- F6F5EB
- F9F8F2
- FCFCF8
셰이드
- C3C0A5
- A6A48C
- 8A8875
- 706E5E
- 565548
- 3E3D33
- 27261F
- 12110D
- 020202
톤
- D6D3B8
- CCCAB1
- C2C0AB
- B8B7A5
- AFAD9F
- A5A499
- 9C9B92
- 92928C
- 898986
색 조화
보색 +180°
- E0DDBE
Above Board
- D7D9F7
≈ Quartz
유사색 -30° +30°
- E0DDBE
Above Board
- EDD8BE
≈ Steamed Milk
- D1E2C6
≈ Endive
삼각 배색 +120° +240°
- E0DDBE
Above Board
- BFE2EF
≈ Cotton Clouds
- F0D1E3
≈ Lacquer Mauve
분열 보색 +150° +210°
- E0DDBE
Above Board
- C9DEF7
≈ Fly a Kite
- E5D4EF
≈ Lavender Princess
사각 배색 +90° +180° +270°
- E0DDBE
Above Board
- BDE5E3
≈ Tropical Waterfall
- D7D9F7
≈ Quartz
- F5D1D4
≈ Rose Milk
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.25:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.25:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--above-board: #e0ddbe;
--above-board-rgb: 224 221 190;
--above-board-oklch: oklch(0.892 0.041 102.7);
}
.element {
color: var(--above-board);
background-color: hsl(55 35% 81%);
border-color: oklch(0.892 0.041 102.7);
}Tailwind CSS v4
@theme {
--color-above-board: #e0ddbe;
--color-above-board-50: #f7f6e9;
--color-above-board-100: #eae9d9;
--color-above-board-200: #d7d6c2;
--color-above-board-300: #bab9a1;
--color-above-board-400: #a3a084;
--color-above-board-500: #8b8868;
--color-above-board-600: #767358;
--color-above-board-700: #5e5c46;
--color-above-board-800: #454332;
--color-above-board-900: #302e22;
--color-above-board-950: #1c1b11;
}SCSS
$above-board: #e0ddbe;
$above-board-rgb: 224, 221, 190;
$above-board-light: mix(#fff, $above-board, 20%);
$above-board-dark: mix(#000, $above-board, 20%);
.element {
color: $above-board;
box-shadow: 0 0 0 2px rgba($above-board, 0.35);
}