이름 색상 · #BE7F51
Limonite
Limonite은(는) #BE7F51: rgb(190 127 81), hsl(25 46% 53%), oklch(0.651 0.1 56.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Limonite color name →
#BE7F51
oklch(0.651 0.1 56.1)
색상 변환
- HEX
- #be7f51
- RGB
- rgb(190 127 81)
- HSL
- hsl(25 46% 53%)
- HWB
- hwb(25 32% 25%)
- OKLCH
- oklch(0.651 0.1 56.1)
- OKLab
- oklab(0.651 0.056 0.083)
- CIE Lab
- lab(59.13 21.62 35.22)
- LCH
- lch(59.13 41.33 58.5)
- CMYK
- cmyk(0% 33% 57% 25%)
틴트 · 셰이드 · 톤
틴트
- C58C63
- CC9874
- D3A585
- DAB296
- E0BEA7
- E7CBB9
- EDD8CA
- F3E5DC
- F9F2ED
셰이드
- A56E45
- 8C5D3A
- 754C2F
- 5E3C24
- 482D1A
- 331F10
- 1F1107
- 0D0602
- 020100
톤
- B87F57
- B2805C
- AC8061
- A68066
- A0816B
- 9A816F
- 938174
- 8D8078
- 87807C
색 조화
보색 +180°
- BE7F51
Limonite
- 4C99C4
≈ Mountain Bluebird
유사색 -30° +30°
- BE7F51
Limonite
- C5776F
≈ Red Sparowes
- AB8B42
≈ Amber Green
삼각 배색 +120° +240°
- BE7F51
Limonite
- 3EA38D
≈ Marine Green
- 9583C6
≈ Amethyst Grey
분열 보색 +150° +210°
- BE7F51
Limonite
- 2EA1AD
≈ Fischer Blue
- 738ECD
≈ Organza Violet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.31:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.34:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--limonite: #be7f51;
--limonite-rgb: 190 127 81;
--limonite-oklch: oklch(0.651 0.1 56.1);
}
.element {
color: var(--limonite);
background-color: hsl(25 46% 53%);
border-color: oklch(0.651 0.1 56.1);
}Tailwind CSS v4
@theme {
--color-limonite: #be7f51;
--color-limonite-50: #ffefda;
--color-limonite-100: #ffe0c8;
--color-limonite-200: #f6caab;
--color-limonite-300: #dfab85;
--color-limonite-400: #cc8f63;
--color-limonite-500: #b87340;
--color-limonite-600: #9b6237;
--color-limonite-700: #7d4e2b;
--color-limonite-800: #5d381f;
--color-limonite-900: #412714;
--color-limonite-950: #2a1506;
}SCSS
$limonite: #be7f51;
$limonite-rgb: 190, 127, 81;
$limonite-light: mix(#fff, $limonite, 20%);
$limonite-dark: mix(#000, $limonite, 20%);
.element {
color: $limonite;
box-shadow: 0 0 0 2px rgba($limonite, 0.35);
}