이름 색상 · #E6C9A3
Hagar Shores
Hagar Shores은(는) #E6C9A3: rgb(230 201 163), hsl(34 57% 77%), oklch(0.851 0.06 74.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Hagar Shores color name →
#E6C9A3
oklch(0.851 0.06 74.3)
색상 변환
- HEX
- #e6c9a3
- RGB
- rgb(230 201 163)
- HSL
- hsl(34 57% 77%)
- HWB
- hwb(34 64% 10%)
- OKLCH
- oklch(0.851 0.06 74.3)
- OKLab
- oklab(0.851 0.016 0.058)
- CIE Lab
- lab(82.75 6.45 23.02)
- LCH
- lch(82.75 23.91 74.3)
- CMYK
- cmyk(0% 13% 29% 10%)
틴트 · 셰이드 · 톤
틴트
- E9CEAC
- EBD4B5
- EED9BF
- F0DFC8
- F3E4D1
- F5E9DA
- F8EFE3
- FAF4ED
- FDFAF6
셰이드
- C8AE8D
- AB9578
- 8E7C63
- 73644F
- 594C3C
- 40362A
- 282219
- 130F0A
- 030201
톤
- DBC2A0
- D1BA9C
- C6B399
- BCAB95
- B2A492
- A89D8E
- 9E958B
- 948E87
- 8A8784
색 조화
보색 +180°
- E6C9A3
Hagar Shores
- B4D1F5
≈ Ice Cold Stare
유사색 -30° +30°
- E6C9A3
Hagar Shores
- F1C2AE
≈ Cosmetic Peach
- D4D1A3
≈ Cream Cheese Avocado
삼각 배색 +120° +240°
- E6C9A3
Hagar Shores
- A0DBDA
≈ Aqua Island
- DDC3EA
≈ Glittering Gemstone
분열 보색 +150° +210°
- E6C9A3
Hagar Shores
- A4D7EC
≈ Blue Bubble
- C9C9F5
≈ Soap
사각 배색 +90° +180° +270°
- E6C9A3
Hagar Shores
- AADBC4
≈ Mint Gala
- B4D1F5
≈ Ice Cold Stare
- ECBFD8
≈ Parrot Tulip
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.24:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.24:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--hagar-shores: #e6c9a3;
--hagar-shores-rgb: 230 201 163;
--hagar-shores-oklch: oklch(0.851 0.06 74.3);
}
.element {
color: var(--hagar-shores);
background-color: hsl(34 57% 77%);
border-color: oklch(0.851 0.06 74.3);
}Tailwind CSS v4
@theme {
--color-hagar-shores: #e6c9a3;
--color-hagar-shores-50: #fff3e3;
--color-hagar-shores-100: #f4e6d2;
--color-hagar-shores-200: #e3d1b8;
--color-hagar-shores-300: #c9b496;
--color-hagar-shores-400: #b49a77;
--color-hagar-shores-500: #9e8159;
--color-hagar-shores-600: #866d4c;
--color-hagar-shores-700: #6b573c;
--color-hagar-shores-800: #4f3f2b;
--color-hagar-shores-900: #372b1d;
--color-hagar-shores-950: #22190d;
}SCSS
$hagar-shores: #e6c9a3;
$hagar-shores-rgb: 230, 201, 163;
$hagar-shores-light: mix(#fff, $hagar-shores, 20%);
$hagar-shores-dark: mix(#000, $hagar-shores, 20%);
.element {
color: $hagar-shores;
box-shadow: 0 0 0 2px rgba($hagar-shores, 0.35);
}