Màu có tên · #CAAD76
Sigmarite
Sigmarite là #CAAD76: rgb(202 173 118), hsl(39 44% 63%), oklch(0.76 0.08 82.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Sigmarite color name →
#CAAD76
oklch(0.76 0.08 82.9)
Chuyển đổi màu
- HEX
- #caad76
- RGB
- rgb(202 173 118)
- HSL
- hsl(39 44% 63%)
- HWB
- hwb(39 46% 21%)
- OKLCH
- oklch(0.76 0.08 82.9)
- OKLab
- oklab(0.76 0.01 0.079)
- CIE Lab
- lab(72.36 5.36 32.36)
- LCH
- lch(72.36 32.8 80.6)
- CMYK
- cmyk(0% 14% 42% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CFB584
- D5BD92
- DAC59F
- DFCEAD
- E4D6BB
- EADEC8
- EFE6D6
- F4EEE3
- FAF7F1
Sắc đậm
- AF9666
- 957F56
- 7C6A47
- 645538
- 4D4129
- 372D1C
- 221B0F
- 0F0B05
- 020101
Sắc xám
- C2A978
- BBA479
- B3A07B
- AC9B7C
- A4977D
- 9D927E
- 968E7E
- 8E897F
- 878580
Hòa sắc
Bổ túc +180°
- CAAD76
Sigmarite
- 97B2E5
≈ Myrtle Flower
Tương đồng -30° +30°
- CAAD76
Sigmarite
- DAA482
≈ Windswept Canyon
- B1B77C
≈ Fancy Flirt
Bộ ba +120° +240°
- CAAD76
Sigmarite
- 70C0C8
≈ Luna Moona
- CAA1CF
≈ Lilac Lace
Bổ túc chia +150° +210°
- CAAD76
Sigmarite
- 7DBADC
≈ 21st Century Blue
- B2A8E0
≈ Maximum Blue Purple
Bộ bốn +90° +180° +270°
- CAAD76
Sigmarite
- 7AC2AC
≈ Green Balloon
- 97B2E5
≈ Myrtle Flower
- DA9DB6
≈ Haute Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.15:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.75:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--sigmarite: #caad76;
--sigmarite-rgb: 202 173 118;
--sigmarite-oklch: oklch(0.76 0.08 82.9);
}
.element {
color: var(--sigmarite);
background-color: hsl(39 44% 63%);
border-color: oklch(0.76 0.08 82.9);
}Tailwind CSS v4
@theme {
--color-sigmarite: #caad76;
--color-sigmarite-50: #fff4dc;
--color-sigmarite-100: #f4e6ca;
--color-sigmarite-200: #e4d2ae;
--color-sigmarite-300: #cab589;
--color-sigmarite-400: #b59a67;
--color-sigmarite-500: #a08145;
--color-sigmarite-600: #876d3b;
--color-sigmarite-700: #6c572f;
--color-sigmarite-800: #513f21;
--color-sigmarite-900: #382c15;
--color-sigmarite-950: #231907;
}SCSS
$sigmarite: #caad76;
$sigmarite-rgb: 202, 173, 118;
$sigmarite-light: mix(#fff, $sigmarite, 20%);
$sigmarite-dark: mix(#000, $sigmarite, 20%);
.element {
color: $sigmarite;
box-shadow: 0 0 0 2px rgba($sigmarite, 0.35);
}