이름 색상 · #C3663F
Clay Pot
Clay Pot은(는) #C3663F: rgb(195 102 63), hsl(18 52% 51%), oklch(0.611 0.13 42.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Clay Pot color name →
#C3663F
oklch(0.611 0.13 42.6)
색상 변환
- HEX
- #c3663f
- RGB
- rgb(195 102 63)
- HSL
- hsl(18 52% 51%)
- HWB
- hwb(18 25% 24%)
- OKLCH
- oklch(0.611 0.13 42.6)
- OKLab
- oklab(0.611 0.096 0.088)
- CIE Lab
- lab(53.99 35.69 39.1)
- LCH
- lch(53.99 52.94 47.6)
- CMYK
- cmyk(0% 48% 68% 24%)
틴트 · 셰이드 · 톤
틴트
- CA7653
- D18566
- D89479
- DFA38C
- E5B39F
- EBC2B2
- F0D1C5
- F5E0D8
- FAF0EB
셰이드
- A95835
- 904A2C
- 783C23
- 602F1B
- 4A2312
- 34170A
- 200C04
- 0E0401
- 020000
톤
- BD6A47
- B76D4F
- B17056
- AA735C
- A47563
- 9D7869
- 967A6F
- 8F7C75
- 887E7A
색 조화
보색 +180°
- C3663F
Clay Pot
- 0092B5
≈ Cool Tide
유사색 -30° +30°
- C3663F
Clay Pot
- C55F6E
≈ Candy Drop
- B27501
≈ Philippine Gold
삼각 배색 +120° +240°
- C3663F
Clay Pot
- 0E9B6C
≈ Jitterbug Jade
- 7978CF
≈ Kickstart Purple
분열 보색 +150° +210°
- C3663F
Clay Pot
- 009794
≈ Intermezzo
- 4486CF
≈ Blue Sonki
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.96:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.29:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--clay-pot: #c3663f;
--clay-pot-rgb: 195 102 63;
--clay-pot-oklch: oklch(0.611 0.13 42.6);
}
.element {
color: var(--clay-pot);
background-color: hsl(18 52% 51%);
border-color: oklch(0.611 0.13 42.6);
}Tailwind CSS v4
@theme {
--color-clay-pot: #c3663f;
--color-clay-pot-50: #ffead7;
--color-clay-pot-100: #ffdbc5;
--color-clay-pot-200: #ffc3a7;
--color-clay-pot-300: #f0a27f;
--color-clay-pot-400: #de835e;
--color-clay-pot-500: #cb6438;
--color-clay-pot-600: #ac5631;
--color-clay-pot-700: #8a4427;
--color-clay-pot-800: #67311c;
--color-clay-pot-900: #482112;
--color-clay-pot-950: #2f1005;
}SCSS
$clay-pot: #c3663f;
$clay-pot-rgb: 195, 102, 63;
$clay-pot-light: mix(#fff, $clay-pot, 20%);
$clay-pot-dark: mix(#000, $clay-pot, 20%);
.element {
color: $clay-pot;
box-shadow: 0 0 0 2px rgba($clay-pot, 0.35);
}