Màu có tên · #C3B497
Palisade
Palisade là #C3B497: rgb(195 180 151), hsl(40 27% 68%), oklch(0.775 0.043 83.8). 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? → · Palisade color name →
#C3B497
oklch(0.775 0.043 83.8)
Chuyển đổi màu
- HEX
- #c3b497
- RGB
- rgb(195 180 151)
- HSL
- hsl(40 27% 68%)
- HWB
- hwb(40 59% 24%)
- OKLCH
- oklch(0.775 0.043 83.8)
- OKLab
- oklab(0.775 0.005 0.043)
- CIE Lab
- lab(74.02 2.1 16.9)
- LCH
- lch(74.02 17.03 82.9)
- CMYK
- cmyk(0% 8% 23% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C9BBA1
- CFC3AB
- D5CAB6
- DBD2C0
- E1D9CA
- E7E1D5
- EDE8DF
- F3F0EA
- F9F7F4
Sắc đậm
- A99C83
- 90856F
- 786E5C
- 605849
- 4A4437
- 343026
- 201D17
- 0E0C08
- 020201
Sắc xám
- BCAF95
- B5A993
- AEA490
- A89F8E
- A19A8C
- 9A9589
- 948F87
- 8D8A85
- 868582
Hòa sắc
Bổ túc +180°
- C3B497
Palisade
- A8B6D2
≈ Minuet
Tương đồng -30° +30°
- C3B497
Palisade
- CDAF9C
≈ Frappé
- B5B99A
≈ Foille
Bộ ba +120° +240°
- C3B497
Palisade
- 96BEC2
≈ Squirt
- C4ADC6
≈ Heather Feather
Bổ túc chia +150° +210°
- C3B497
Palisade
- 9CBBCE
≈ Partly Cloudy
- B7B1CF
≈ Petunia Trail
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.03:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.29:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--palisade: #c3b497;
--palisade-rgb: 195 180 151;
--palisade-oklch: oklch(0.775 0.043 83.8);
}
.element {
color: var(--palisade);
background-color: hsl(40 27% 68%);
border-color: oklch(0.775 0.043 83.8);
}Tailwind CSS v4
@theme {
--color-palisade: #c3b497;
--color-palisade-50: #fbf5e8;
--color-palisade-100: #eee7d8;
--color-palisade-200: #dcd3c0;
--color-palisade-300: #c1b69f;
--color-palisade-400: #ab9d82;
--color-palisade-500: #948466;
--color-palisade-600: #7d7056;
--color-palisade-700: #645945;
--color-palisade-800: #4a4131;
--color-palisade-900: #332d22;
--color-palisade-950: #1f1a11;
}SCSS
$palisade: #c3b497;
$palisade-rgb: 195, 180, 151;
$palisade-light: mix(#fff, $palisade, 20%);
$palisade-dark: mix(#000, $palisade, 20%);
.element {
color: $palisade;
box-shadow: 0 0 0 2px rgba($palisade, 0.35);
}