이름 색상 · #AA8F7A
Cocoloco
Cocoloco은(는) #AA8F7A: rgb(170 143 122), hsl(26 22% 57%), oklch(0.669 0.044 59.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cocoloco color name →
#AA8F7A
oklch(0.669 0.044 59.8)
색상 변환
- HEX
- #aa8f7a
- RGB
- rgb(170 143 122)
- HSL
- hsl(26 22% 57%)
- HWB
- hwb(26 48% 33%)
- OKLCH
- oklch(0.669 0.044 59.8)
- OKLab
- oklab(0.669 0.022 0.038)
- CIE Lab
- lab(61.49 8.1 15.2)
- LCH
- lch(61.49 17.22 61.9)
- CMYK
- cmyk(0% 16% 28% 33%)
틴트 · 셰이드 · 톤
틴트
- B29A87
- BBA593
- C3B0A0
- CCBBAE
- D4C6BB
- DDD1C8
- E5DCD6
- EEE8E3
- F6F3F1
셰이드
- 937C69
- 7D6959
- 685749
- 53453A
- 3F342B
- 2D241D
- 1B1510
- 0B0705
- 010101
톤
- A68E7B
- A28C7B
- 9D8B7C
- 99897D
- 95887D
- 91867E
- 8D857F
- 88837F
- 848280
색 조화
보색 +180°
- AA8F7A
Cocoloco
- 7D99AE
≈ Dyer’s Woad
유사색 -30° +30°
- AA8F7A
Cocoloco
- AF8B85
≈ Warm Comfort
- A09476
≈ Lye
삼각 배색 +120° +240°
- AA8F7A
Cocoloco
- 789E96
≈ Vizcaya
- 998FAD
≈ Greek Lavender
분열 보색 +150° +210°
- AA8F7A
Cocoloco
- 759DA4
≈ Voyage
- 8A94B1
≈ Cool Grey
사각 배색 +90° +180° +270°
- AA8F7A
Cocoloco
- 829D87
≈ Track Green
- 7D99AE
≈ Dyer’s Woad
- A58CA2
≈ Mauve Musk
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.03:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.91:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--cocoloco: #aa8f7a;
--cocoloco-rgb: 170 143 122;
--cocoloco-oklch: oklch(0.669 0.044 59.8);
}
.element {
color: var(--cocoloco);
background-color: hsl(26 22% 57%);
border-color: oklch(0.669 0.044 59.8);
}Tailwind CSS v4
@theme {
--color-cocoloco: #aa8f7a;
--color-cocoloco-50: #fff3e9;
--color-cocoloco-100: #f3e5d9;
--color-cocoloco-200: #e3d0c2;
--color-cocoloco-300: #c9b3a1;
--color-cocoloco-400: #b39985;
--color-cocoloco-500: #9d8069;
--color-cocoloco-600: #846c59;
--color-cocoloco-700: #6a5647;
--color-cocoloco-800: #4e3f33;
--color-cocoloco-900: #372b23;
--color-cocoloco-950: #211812;
}SCSS
$cocoloco: #aa8f7a;
$cocoloco-rgb: 170, 143, 122;
$cocoloco-light: mix(#fff, $cocoloco, 20%);
$cocoloco-dark: mix(#000, $cocoloco, 20%);
.element {
color: $cocoloco;
box-shadow: 0 0 0 2px rgba($cocoloco, 0.35);
}