이름 색상 · #E1C3BB
Golden Guernsey
Golden Guernsey은(는) #E1C3BB: rgb(225 195 187), hsl(13 39% 81%), oklch(0.84 0.036 35.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Golden Guernsey color name →
#E1C3BB
oklch(0.84 0.036 35.3)
색상 변환
- HEX
- #e1c3bb
- RGB
- rgb(225 195 187)
- HSL
- hsl(13 39% 81%)
- HWB
- hwb(13 73% 12%)
- OKLCH
- oklch(0.84 0.036 35.3)
- OKLab
- oklab(0.84 0.029 0.021)
- CIE Lab
- lab(81.23 10.03 8.16)
- LCH
- lch(81.23 12.93 39.1)
- CMYK
- cmyk(0% 13% 17% 12%)
틴트 · 셰이드 · 톤
틴트
- E4C9C2
- E7CFC8
- EAD5CF
- EDDBD6
- F0E1DD
- F3E7E3
- F6EDEA
- F9F3F1
- FCF9F8
셰이드
- C4A9A2
- A7908A
- 8B7873
- 70605C
- 564A46
- 3E3432
- 27201F
- 120E0D
- 020202
톤
- D7BCB5
- CDB5AF
- C3AEA9
- B9A8A3
- B0A19D
- A69A97
- 9C9491
- 938D8C
- 898686
색 조화
보색 +180°
- E1C3BB
Golden Guernsey
- B1D1DA
≈ Midsummer’s Dream
유사색 -30° +30°
- E1C3BB
Golden Guernsey
- E1C1C7
≈ Odyssey Plum
- DCC6B3
≈ Playa Arenosa
삼각 배색 +120° +240°
- E1C3BB
Golden Guernsey
- B9D2C1
≈ Little Beaux Blue
- C4C9E3
≈ Silver Sweetpea
분열 보색 +150° +210°
- E1C3BB
Golden Guernsey
- B2D3CE
≈ Icy Morn
- B8CEE1
≈ Impressionist Sky
사각 배색 +90° +180° +270°
- E1C3BB
Golden Guernsey
- C5CFB6
≈ Tender Greens
- B1D1DA
≈ Midsummer’s Dream
- D0C5DE
≈ Lavender Bliss
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.72:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--golden-guernsey: #e1c3bb;
--golden-guernsey-rgb: 225 195 187;
--golden-guernsey-oklch: oklch(0.84 0.036 35.3);
}
.element {
color: var(--golden-guernsey);
background-color: hsl(13 39% 81%);
border-color: oklch(0.84 0.036 35.3);
}Tailwind CSS v4
@theme {
--color-golden-guernsey: #e1c3bb;
--color-golden-guernsey-50: #fff2ee;
--color-golden-guernsey-100: #f3e4df;
--color-golden-guernsey-200: #e3cfc9;
--color-golden-guernsey-300: #c9b1aa;
--color-golden-guernsey-400: #b39790;
--color-golden-guernsey-500: #9c7e76;
--color-golden-guernsey-600: #846b64;
--color-golden-guernsey-700: #6a5550;
--color-golden-guernsey-800: #4e3e3a;
--color-golden-guernsey-900: #362b28;
--color-golden-guernsey-950: #211816;
}SCSS
$golden-guernsey: #e1c3bb;
$golden-guernsey-rgb: 225, 195, 187;
$golden-guernsey-light: mix(#fff, $golden-guernsey, 20%);
$golden-guernsey-dark: mix(#000, $golden-guernsey, 20%);
.element {
color: $golden-guernsey;
box-shadow: 0 0 0 2px rgba($golden-guernsey, 0.35);
}