이름 색상 · #B06455
Aragon
Aragon은(는) #B06455: rgb(176 100 85), hsl(10 37% 51%), oklch(0.586 0.102 32.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Aragon color name →
#B06455
oklch(0.586 0.102 32.1)
색상 변환
- HEX
- #b06455
- RGB
- rgb(176 100 85)
- HSL
- hsl(10 37% 51%)
- HWB
- hwb(10 33% 31%)
- OKLCH
- oklch(0.586 0.102 32.1)
- OKLab
- oklab(0.586 0.086 0.054)
- CIE Lab
- lab(51.09 30.23 22.55)
- LCH
- lch(51.09 37.72 36.7)
- CMYK
- cmyk(0% 43% 52% 31%)
틴트 · 셰이드 · 톤
틴트
- B97365
- C28275
- CA9286
- D2A196
- DAB0A7
- E2C0B8
- EACFCA
- F1DFDB
- F8EFED
셰이드
- 995649
- 82483D
- 6C3B31
- 562E26
- 42221C
- 2E1611
- 1C0B08
- 0B0302
- 010000
톤
- AC675A
- A86B5E
- A36E63
- 9F7167
- 9A736B
- 95766F
- 907974
- 8B7B78
- 867E7C
색 조화
보색 +180°
- B06455
Aragon
- 048B9F
≈ Parrot Flight
유사색 -30° +30°
- B06455
Aragon
- AD6177
≈ Daah-Ling
- A76D37
≈ Eagle
삼각 배색 +120° +240°
- B06455
Aragon
- 488D5E
≈ Middle Green
- 6778B8
≈ Flood
분열 보색 +150° +210°
- B06455
Aragon
- 128F81
≈ Philips Green
- 3E83B3
≈ Steel Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.37:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.80:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--aragon: #b06455;
--aragon-rgb: 176 100 85;
--aragon-oklch: oklch(0.586 0.102 32.1);
}
.element {
color: var(--aragon);
background-color: hsl(10 37% 51%);
border-color: oklch(0.586 0.102 32.1);
}Tailwind CSS v4
@theme {
--color-aragon: #b06455;
--color-aragon-50: #ffece2;
--color-aragon-100: #ffddd2;
--color-aragon-200: #fcc5b8;
--color-aragon-300: #e6a595;
--color-aragon-400: #d38878;
--color-aragon-500: #c06b5a;
--color-aragon-600: #a25b4d;
--color-aragon-700: #82493d;
--color-aragon-800: #61342d;
--color-aragon-900: #44231e;
--color-aragon-950: #2c120e;
}SCSS
$aragon: #b06455;
$aragon-rgb: 176, 100, 85;
$aragon-light: mix(#fff, $aragon, 20%);
$aragon-dark: mix(#000, $aragon, 20%);
.element {
color: $aragon;
box-shadow: 0 0 0 2px rgba($aragon, 0.35);
}