이름 색상 · #AE8167
Cider Spice
Cider Spice은(는) #AE8167: rgb(174 129 103), hsl(22 30% 54%), oklch(0.641 0.067 51.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cider Spice color name →
#AE8167
oklch(0.641 0.067 51.2)
색상 변환
- HEX
- #ae8167
- RGB
- rgb(174 129 103)
- HSL
- hsl(22 30% 54%)
- HWB
- hwb(22 40% 32%)
- OKLCH
- oklch(0.641 0.067 51.2)
- OKLab
- oklab(0.641 0.042 0.052)
- CIE Lab
- lab(58.02 15.39 21.26)
- LCH
- lch(58.02 26.25 54.1)
- CMYK
- cmyk(0% 26% 41% 32%)
틴트 · 셰이드 · 톤
틴트
- B68D76
- BF9984
- C7A693
- CFB2A2
- D7BFB1
- DFCBC0
- E7D8D0
- EFE5DF
- F7F2EF
셰이드
- 976F59
- 805E4B
- 6A4E3D
- 553E30
- 412E23
- 2E1F17
- 1C120C
- 0B0604
- 010100
톤
- AA816A
- A5816D
- A1816F
- 9C8172
- 988174
- 938177
- 8E8179
- 8A807B
- 85807E
색 조화
보색 +180°
- AE8167
Cider Spice
- 6194AE
≈ Blue Persia
유사색 -30° +30°
- AE8167
Cider Spice
- B27C7B
≈ Fiesta Rojo
- A1895D
≈ Shank
삼각 배색 +120° +240°
- AE8167
Cider Spice
- 619A87
≈ Grey Teal
- 8C86B3
≈ Silk Lilac
분열 보색 +150° +210°
- AE8167
Cider Spice
- 58999D
≈ Aquarius Reef Base
- 768DB6
≈ Hushed Lilac
사각 배색 +90° +180° +270°
- AE8167
Cider Spice
- 769771
≈ Botanical Green
- 6194AE
≈ Blue Persia
- A07FA5
≈ Wild Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.42:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.13:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.13:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--cider-spice: #ae8167;
--cider-spice-rgb: 174 129 103;
--cider-spice-oklch: oklch(0.641 0.067 51.2);
}
.element {
color: var(--cider-spice);
background-color: hsl(22 30% 54%);
border-color: oklch(0.641 0.067 51.2);
}Tailwind CSS v4
@theme {
--color-cider-spice: #ae8167;
--color-cider-spice-50: #fff0e4;
--color-cider-spice-100: #fbe2d4;
--color-cider-spice-200: #eccdba;
--color-cider-spice-300: #d4af98;
--color-cider-spice-400: #bf947a;
--color-cider-spice-500: #aa795d;
--color-cider-spice-600: #90674f;
--color-cider-spice-700: #73523f;
--color-cider-spice-800: #563b2d;
--color-cider-spice-900: #3c291f;
--color-cider-spice-950: #25170f;
}SCSS
$cider-spice: #ae8167;
$cider-spice-rgb: 174, 129, 103;
$cider-spice-light: mix(#fff, $cider-spice, 20%);
$cider-spice-dark: mix(#000, $cider-spice, 20%);
.element {
color: $cider-spice;
box-shadow: 0 0 0 2px rgba($cider-spice, 0.35);
}