이름 색상 · #AB8C72
Roasted Coconut
Roasted Coconut은(는) #AB8C72: rgb(171 140 114), hsl(27 25% 56%), oklch(0.662 0.053 61.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Roasted Coconut color name →
#AB8C72
oklch(0.662 0.053 61.7)
색상 변환
- HEX
- #ab8c72
- RGB
- rgb(171 140 114)
- HSL
- hsl(27 25% 56%)
- HWB
- hwb(27 45% 33%)
- OKLCH
- oklch(0.662 0.053 61.7)
- OKLab
- oklab(0.662 0.025 0.046)
- CIE Lab
- lab(60.68 9.3 18.58)
- LCH
- lch(60.68 20.77 63.4)
- CMYK
- cmyk(0% 18% 33% 33%)
틴트 · 셰이드 · 톤
틴트
- B3977F
- BCA28D
- C4AD9B
- CCB9A9
- D5C4B7
- DDD0C5
- E6DBD3
- EEE7E2
- F7F3F0
셰이드
- 947962
- 7E6753
- 685544
- 544336
- 403328
- 2D231B
- 1B140E
- 0B0704
- 010101
톤
- A78B74
- A28A75
- 9E8977
- 9A8778
- 96867A
- 91857B
- 8D847C
- 89837E
- 84817F
색 조화
보색 +180°
- AB8C72
Roasted Coconut
- 7697B1
≈ Splendid Blue
유사색 -30° +30°
- AB8C72
Roasted Coconut
- B1877F
≈ Cappuccino Bombe
- 9E926E
≈ Saddle Soap
삼각 배색 +120° +240°
- AB8C72
Roasted Coconut
- 6E9E95
≈ Greyish Teal
- 988CAE
≈ Saffron Blossom Mauve
분열 보색 +150° +210°
- AB8C72
Roasted Coconut
- 6D9CA6
≈ Tranquili Teal
- 8791B4
≈ Papilio Argeotus
사각 배색 +90° +180° +270°
- AB8C72
Roasted Coconut
- 7B9D83
≈ Aquadulce
- 7697B1
≈ Splendid Blue
- A787A2
≈ Plum Perfume
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.12:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.72:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--roasted-coconut: #ab8c72;
--roasted-coconut-rgb: 171 140 114;
--roasted-coconut-oklch: oklch(0.662 0.053 61.7);
}
.element {
color: var(--roasted-coconut);
background-color: hsl(27 25% 56%);
border-color: oklch(0.662 0.053 61.7);
}Tailwind CSS v4
@theme {
--color-roasted-coconut: #ab8c72;
--color-roasted-coconut-50: #fff2e6;
--color-roasted-coconut-100: #f5e5d6;
--color-roasted-coconut-200: #e5d0be;
--color-roasted-coconut-300: #cbb29c;
--color-roasted-coconut-400: #b6987f;
--color-roasted-coconut-500: #a07f62;
--color-roasted-coconut-600: #876b54;
--color-roasted-coconut-700: #6c5642;
--color-roasted-coconut-800: #503e30;
--color-roasted-coconut-900: #382b20;
--color-roasted-coconut-950: #221810;
}SCSS
$roasted-coconut: #ab8c72;
$roasted-coconut-rgb: 171, 140, 114;
$roasted-coconut-light: mix(#fff, $roasted-coconut, 20%);
$roasted-coconut-dark: mix(#000, $roasted-coconut, 20%);
.element {
color: $roasted-coconut;
box-shadow: 0 0 0 2px rgba($roasted-coconut, 0.35);
}