이름 색상 · #D5B59B
Tower Tan
Tower Tan은(는) #D5B59B: rgb(213 181 155), hsl(27 41% 72%), oklch(0.794 0.051 61.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tower Tan color name →
#D5B59B
oklch(0.794 0.051 61.1)
색상 변환
- HEX
- #d5b59b
- RGB
- rgb(213 181 155)
- HSL
- hsl(27 41% 72%)
- HWB
- hwb(27 61% 16%)
- OKLCH
- oklch(0.794 0.051 61.1)
- OKLab
- oklab(0.794 0.025 0.045)
- CIE Lab
- lab(76.02 9.04 17.8)
- LCH
- lch(76.02 19.97 63.1)
- CMYK
- cmyk(0% 15% 27% 16%)
틴트 · 셰이드 · 톤
틴트
- D9BCA5
- DEC4AF
- E2CBB9
- E6D2C2
- EADACC
- EEE1D6
- F3E9E0
- F7F0EB
- FBF7F5
셰이드
- B99D86
- 9E8672
- 836F5E
- 6A594B
- 514439
- 3A3028
- 241D18
- 100C09
- 020201
톤
- CCB098
- C4AA96
- BBA593
- B2A090
- AA9A8E
- A1958B
- 999088
- 918A86
- 888583
색 조화
보색 +180°
- D5B59B
Tower Tan
- 9FC1DA
≈ Charismatic Sky
유사색 -30° +30°
- D5B59B
Tower Tan
- DBB0A8
≈ Borlotti Bean
- C8BB97
≈ Stone Guardians
삼각 배색 +120° +240°
- D5B59B
Tower Tan
- 98C7BE
≈ Jamaica Bay
- C1B5D8
≈ Plumeria
분열 보색 +150° +210°
- D5B59B
Tower Tan
- 96C5CF
≈ Adriatic Haze
- AFBBDE
≈ Lilac Flare
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.91:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--tower-tan: #d5b59b;
--tower-tan-rgb: 213 181 155;
--tower-tan-oklch: oklch(0.794 0.051 61.1);
}
.element {
color: var(--tower-tan);
background-color: hsl(27 41% 72%);
border-color: oklch(0.794 0.051 61.1);
}Tailwind CSS v4
@theme {
--color-tower-tan: #d5b59b;
--color-tower-tan-50: #fff2e6;
--color-tower-tan-100: #f5e5d7;
--color-tower-tan-200: #e5d0be;
--color-tower-tan-300: #cbb29d;
--color-tower-tan-400: #b59880;
--color-tower-tan-500: #a07f63;
--color-tower-tan-600: #876b55;
--color-tower-tan-700: #6c5643;
--color-tower-tan-800: #503e31;
--color-tower-tan-900: #382b21;
--color-tower-tan-950: #221810;
}SCSS
$tower-tan: #d5b59b;
$tower-tan-rgb: 213, 181, 155;
$tower-tan-light: mix(#fff, $tower-tan, 20%);
$tower-tan-dark: mix(#000, $tower-tan, 20%);
.element {
color: $tower-tan;
box-shadow: 0 0 0 2px rgba($tower-tan, 0.35);
}