이름 색상 · #A98A6B
Confidence
Confidence은(는) #A98A6B: rgb(169 138 107), hsl(30 26% 54%), oklch(0.654 0.058 66.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Confidence color name →
#A98A6B
oklch(0.654 0.058 66.5)
색상 변환
- HEX
- #a98a6b
- RGB
- rgb(169 138 107)
- HSL
- hsl(30 26% 54%)
- HWB
- hwb(30 42% 34%)
- OKLCH
- oklch(0.654 0.058 66.5)
- OKLab
- oklab(0.654 0.023 0.053)
- CIE Lab
- lab(59.83 8.87 21.31)
- LCH
- lch(59.83 23.08 67.4)
- CMYK
- cmyk(0% 18% 37% 34%)
틴트 · 셰이드 · 톤
틴트
- B29579
- BAA188
- C3AC96
- CBB8A5
- D4C3B3
- DCCFC2
- E5DBD1
- EEE7E0
- F6F3F0
셰이드
- 92775C
- 7C654E
- 67533F
- 534232
- 3F3225
- 2C2218
- 1B140D
- 0A0704
- 010100
톤
- A5896D
- A18870
- 9D8772
- 998674
- 958576
- 918478
- 8C837A
- 88827C
- 84817E
색 조화
보색 +180°
- A98A6B
Confidence
- 7494B2
≈ Cranberry Blue
유사색 -30° +30°
- A98A6B
Confidence
- B18578
≈ Canyon Earth
- 9A9168
≈ Grey-Headed Woodpecker Green
삼각 배색 +120° +240°
- A98A6B
Confidence
- 679C96
≈ Canton
- 9988AD
≈ Celeb City
분열 보색 +150° +210°
- A98A6B
Confidence
- 679AA7
≈ Cloudy Sea
- 878EB4
≈ Persian Violet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.21:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.53:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--confidence: #a98a6b;
--confidence-rgb: 169 138 107;
--confidence-oklch: oklch(0.654 0.058 66.5);
}
.element {
color: var(--confidence);
background-color: hsl(30 26% 54%);
border-color: oklch(0.654 0.058 66.5);
}Tailwind CSS v4
@theme {
--color-confidence: #a98a6b;
--color-confidence-50: #fff3e4;
--color-confidence-100: #f5e5d4;
--color-confidence-200: #e5d0bb;
--color-confidence-300: #cbb398;
--color-confidence-400: #b6987a;
--color-confidence-500: #a17f5d;
--color-confidence-600: #886c4f;
--color-confidence-700: #6d563f;
--color-confidence-800: #513e2d;
--color-confidence-900: #382b1e;
--color-confidence-950: #23180e;
}SCSS
$confidence: #a98a6b;
$confidence-rgb: 169, 138, 107;
$confidence-light: mix(#fff, $confidence, 20%);
$confidence-dark: mix(#000, $confidence, 20%);
.element {
color: $confidence;
box-shadow: 0 0 0 2px rgba($confidence, 0.35);
}