Màu có tên gần nhất · #9A4A35
#9A4A35
Màu có tên gần nhất: Picante
#9A4A35 (rgb(154 74 53), hsl(12 49% 41%), oklch(0.506 0.112 35.7)) gần nhất với màu có tên Picante. 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.
#9A4A35
oklch(0.506 0.112 35.7)
Chuyển đổi màu
- HEX
- #9a4a35
- RGB
- rgb(154 74 53)
- HSL
- hsl(12 49% 41%)
- HWB
- hwb(12 21% 40%)
- OKLCH
- oklch(0.506 0.112 35.7)
- OKLab
- oklab(0.506 0.091 0.066)
- CIE Lab
- lab(41.71 32.9 28.72)
- LCH
- lch(41.71 43.68 41.1)
- CMYK
- cmyk(0% 52% 66% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A55C48
- B06E5C
- BB7F6F
- C59183
- D0A397
- DAB5AB
- E3C7BF
- EDDAD4
- F6ECEA
Sắc đậm
- 853F2D
- 713525
- 5E2A1D
- 4B2015
- 39170E
- 270E08
- 170603
- 090201
- 010000
Sắc xám
- 98503D
- 975645
- 955C4D
- 926254
- 90675C
- 8D6C63
- 8A716A
- 877672
- 847B79
Hòa sắc
Bổ túc +180°
- 9A4A35
Picante
- 007185
≈ Waterworld
Tương đồng -30° +30°
- 9A4A35
Picante
- 98465B
≈ Haitian Flower
- 8F5501
≈ Plain Old Brown
Bộ ba +120° +240°
- 9A4A35
Picante
- 1B7748
≈ Woodland Soul
- 545DA4
≈ Purple Frenzy
Bổ túc chia +150° +210°
- 9A4A35
Picante
- 00756C
≈ Hawk Turquoise
- 2069A1
≈ Jazz Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.16:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.40:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--picante: #9a4a35;
--picante-rgb: 154 74 53;
--picante-oklch: oklch(0.506 0.112 35.7);
}
.element {
color: var(--picante);
background-color: hsl(12 49% 41%);
border-color: oklch(0.506 0.112 35.7);
}Tailwind CSS v4
@theme {
--color-picante: #9a4a35;
--color-picante-50: #ffebde;
--color-picante-100: #ffdccd;
--color-picante-200: #ffc4b2;
--color-picante-300: #eaa48e;
--color-picante-400: #d88670;
--color-picante-500: #c56850;
--color-picante-600: #a65944;
--color-picante-700: #854736;
--color-picante-800: #633328;
--color-picante-900: #46221a;
--color-picante-950: #2d110b;
}SCSS
$picante: #9a4a35;
$picante-rgb: 154, 74, 53;
$picante-light: mix(#fff, $picante, 20%);
$picante-dark: mix(#000, $picante, 20%);
.element {
color: $picante;
box-shadow: 0 0 0 2px rgba($picante, 0.35);
}