이름 색상 · #C2A37E
Almandine
Almandine은(는) #C2A37E: rgb(194 163 126), hsl(33 36% 63%), oklch(0.734 0.062 71.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Almandine color name →
#C2A37E
oklch(0.734 0.062 71.6)
색상 변환
- HEX
- #c2a37e
- RGB
- rgb(194 163 126)
- HSL
- hsl(33 36% 63%)
- HWB
- hwb(33 49% 24%)
- OKLCH
- oklch(0.734 0.062 71.6)
- OKLab
- oklab(0.734 0.02 0.059)
- CIE Lab
- lab(69.13 7.86 23.75)
- LCH
- lch(69.13 25.02 71.7)
- CMYK
- cmyk(0% 16% 35% 24%)
틴트 · 셰이드 · 톤
틴트
- C8AC8B
- CEB597
- D4BEA4
- DAC7B1
- E1D0BE
- E7DACB
- EDE3D8
- F3ECE5
- F9F6F2
셰이드
- A88D6D
- 8F785C
- 77634C
- 604F3C
- 493C2D
- 342A1F
- 201911
- 0E0A05
- 020101
톤
- BBA07F
- B59C7F
- AE997F
- A79580
- A19280
- 9A8E80
- 948B80
- 8D8780
- 868480
색 조화
보색 +180°
- C2A37E
Almandine
- 8DACD0
≈ Mini Bay
유사색 -30° +30°
- C2A37E
Almandine
- CC9D8B
≈ Artefact
- B1AB7D
≈ Even Growth
삼각 배색 +120° +240°
- C2A37E
Almandine
- 7AB6B3
≈ Kingfisher Turquoise
- B69EC6
≈ Crocus Petal
분열 보색 +150° +210°
- C2A37E
Almandine
- 7DB2C5
≈ Heavenly
- A2A5D0
≈ Venus Flower
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.37:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.83:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.83:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--almandine: #c2a37e;
--almandine-rgb: 194 163 126;
--almandine-oklch: oklch(0.734 0.062 71.6);
}
.element {
color: var(--almandine);
background-color: hsl(33 36% 63%);
border-color: oklch(0.734 0.062 71.6);
}Tailwind CSS v4
@theme {
--color-almandine: #c2a37e;
--color-almandine-50: #fff3e2;
--color-almandine-100: #f5e5d2;
--color-almandine-200: #e5d1b8;
--color-almandine-300: #cbb395;
--color-almandine-400: #b69976;
--color-almandine-500: #a08058;
--color-almandine-600: #876c4b;
--color-almandine-700: #6d563b;
--color-almandine-800: #513f2a;
--color-almandine-900: #382b1c;
--color-almandine-950: #23180d;
}SCSS
$almandine: #c2a37e;
$almandine-rgb: 194, 163, 126;
$almandine-light: mix(#fff, $almandine, 20%);
$almandine-dark: mix(#000, $almandine, 20%);
.element {
color: $almandine;
box-shadow: 0 0 0 2px rgba($almandine, 0.35);
}