이름 색상 · #EAD9CB
Shoreland
Shoreland은(는) #EAD9CB: rgb(234 217 203), hsl(27 42% 86%), oklch(0.895 0.027 62). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Shoreland color name →
#EAD9CB
oklch(0.895 0.027 62)
색상 변환
- HEX
- #ead9cb
- RGB
- rgb(234 217 203)
- HSL
- hsl(27 42% 86%)
- HWB
- hwb(27 80% 8%)
- OKLCH
- oklch(0.895 0.027 62)
- OKLab
- oklab(0.895 0.013 0.024)
- CIE Lab
- lab(87.81 4.35 9.14)
- LCH
- lch(87.81 10.13 64.5)
- CMYK
- cmyk(0% 7% 13% 8%)
틴트 · 셰이드 · 톤
틴트
- ECDDD0
- EEE1D5
- F0E4DA
- F2E8E0
- F5ECE5
- F7F0EA
- F9F4EF
- FBF7F4
- FDFBFA
셰이드
- CBBCB0
- AEA196
- 91867D
- 756C65
- 5A534D
- 413B37
- 292522
- 13110F
- 030202
톤
- DFD0C3
- D4C7BC
- C9BDB4
- BEB4AC
- B4ABA5
- A9A39D
- 9F9A96
- 94918F
- 8A8987
색 조화
보색 +180°
- EAD9CB
Shoreland
- CEDFED
≈ Vanishing Blue
유사색 -30° +30°
- EAD9CB
Shoreland
- EED7D2
≈ Delicate Blush
- E3DCC9
≈ Vintage Linen
삼각 배색 +120° +240°
- EAD9CB
Shoreland
- CAE3DE
≈ Ice Bomb
- DFD9EC
≈ Chinese Silver
분열 보색 +150° +210°
- EAD9CB
Shoreland
- C9E2E7
≈ Aviary Blue
- D6DCEF
≈ Blissful Meditation
사각 배색 +90° +180° +270°
- EAD9CB
Shoreland
- D0E2D4
≈ Minty Delight
- CEDFED
≈ Vanishing Blue
- E8D6E4
≈ Snuff
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.28:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--shoreland: #ead9cb;
--shoreland-rgb: 234 217 203;
--shoreland-oklch: oklch(0.895 0.027 62);
}
.element {
color: var(--shoreland);
background-color: hsl(27 42% 86%);
border-color: oklch(0.895 0.027 62);
}Tailwind CSS v4
@theme {
--color-shoreland: #ead9cb;
--color-shoreland-50: #fbf4ed;
--color-shoreland-100: #eee6df;
--color-shoreland-200: #ddd2c9;
--color-shoreland-300: #c2b5aa;
--color-shoreland-400: #aa9b8f;
--color-shoreland-500: #948374;
--color-shoreland-600: #7d6f63;
--color-shoreland-700: #64584f;
--color-shoreland-800: #4a4039;
--color-shoreland-900: #332c27;
--color-shoreland-950: #1f1915;
}SCSS
$shoreland: #ead9cb;
$shoreland-rgb: 234, 217, 203;
$shoreland-light: mix(#fff, $shoreland, 20%);
$shoreland-dark: mix(#000, $shoreland, 20%);
.element {
color: $shoreland;
box-shadow: 0 0 0 2px rgba($shoreland, 0.35);
}