이름 색상 · #C3B497
Palisade
Palisade은(는) #C3B497: rgb(195 180 151), hsl(40 27% 68%), oklch(0.775 0.043 83.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Palisade color name →
#C3B497
oklch(0.775 0.043 83.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C9BBA1
- CFC3AB
- D5CAB6
- DBD2C0
- E1D9CA
- E7E1D5
- EDE8DF
- F3F0EA
- F9F7F4
셰이드
- A99C83
- 90856F
- 786E5C
- 605849
- 4A4437
- 343026
- 201D17
- 0E0C08
- 020201
톤
- BCAF95
- B5A993
- AEA490
- A89F8E
- A19A8C
- 9A9589
- 948F87
- 8D8A85
- 868582
색 조화
보색 +180°
- C3B497
Palisade
- A8B6D2
≈ Minuet
유사색 -30° +30°
- C3B497
Palisade
- CDAF9C
≈ Frappé
- B5B99A
≈ Foille
삼각 배색 +120° +240°
- C3B497
Palisade
- 96BEC2
≈ Squirt
- C4ADC6
≈ Heather Feather
분열 보색 +150° +210°
- C3B497
Palisade
- 9CBBCE
≈ Partly Cloudy
- B7B1CF
≈ Petunia Trail
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.03:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.29:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
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);
}