이름 색상 · #C4AA92
French Pastry
French Pastry은(는) #C4AA92: rgb(196 170 146), hsl(29 30% 67%), oklch(0.754 0.045 64.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · French Pastry color name →
#C4AA92
oklch(0.754 0.045 64.8)
색상 변환
- HEX
- #c4aa92
- RGB
- rgb(196 170 146)
- HSL
- hsl(29 30% 67%)
- HWB
- hwb(29 57% 23%)
- OKLCH
- oklch(0.754 0.045 64.8)
- OKLab
- oklab(0.754 0.019 0.041)
- CIE Lab
- lab(71.45 7.03 16.09)
- LCH
- lch(71.45 17.56 66.4)
- CMYK
- cmyk(0% 13% 26% 23%)
틴트 · 셰이드 · 톤
틴트
- CAB29D
- D0BBA7
- D6C3B2
- DCCBBD
- E1D4C8
- E7DCD3
- EDE5DE
- F3EEE9
- F9F6F4
셰이드
- AA937E
- 917D6B
- 786858
- 615346
- 4A3F35
- 352D25
- 211B16
- 0E0B08
- 020101
톤
- BDA690
- B6A28F
- AF9D8D
- A8998B
- A29589
- 9B9187
- 948C86
- 8D8884
- 878482
색 조화
보색 +180°
- C4AA92
French Pastry
- 98B3CB
≈ Sea Mark
유사색 -30° +30°
- C4AA92
French Pastry
- CAA69C
≈ Eunry
- B8B08F
≈ Heathered Grey
삼각 배색 +120° +240°
- C4AA92
French Pastry
- 90B9B3
≈ Teal Tree
- B6A9C7
≈ Pixieland
분열 보색 +150° +210°
- C4AA92
French Pastry
- 8FB7C1
≈ Sea Angel
- A6AECD
≈ Lovely Lilac
사각 배색 +90° +180° +270°
- C4AA92
French Pastry
- 9AB8A3
≈ Spearmint Haze
- 98B3CB
≈ Sea Mark
- C2A5BB
≈ Blackberry Sorbet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.20:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.51:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.51:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--french-pastry: #c4aa92;
--french-pastry-rgb: 196 170 146;
--french-pastry-oklch: oklch(0.754 0.045 64.8);
}
.element {
color: var(--french-pastry);
background-color: hsl(29 30% 67%);
border-color: oklch(0.754 0.045 64.8);
}Tailwind CSS v4
@theme {
--color-french-pastry: #c4aa92;
--color-french-pastry-50: #fef3e8;
--color-french-pastry-100: #f3e5d8;
--color-french-pastry-200: #e2d1c0;
--color-french-pastry-300: #c8b3a0;
--color-french-pastry-400: #b29983;
--color-french-pastry-500: #9c8067;
--color-french-pastry-600: #846d57;
--color-french-pastry-700: #695746;
--color-french-pastry-800: #4e3f32;
--color-french-pastry-900: #362b22;
--color-french-pastry-950: #211911;
}SCSS
$french-pastry: #c4aa92;
$french-pastry-rgb: 196, 170, 146;
$french-pastry-light: mix(#fff, $french-pastry, 20%);
$french-pastry-dark: mix(#000, $french-pastry, 20%);
.element {
color: $french-pastry;
box-shadow: 0 0 0 2px rgba($french-pastry, 0.35);
}