이름 색상 · #A35445
Baked Clay
Baked Clay은(는) #A35445: rgb(163 84 69), hsl(10 41% 45%), oklch(0.538 0.108 32). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Baked Clay color name →
#A35445
oklch(0.538 0.108 32)
색상 변환
- HEX
- #a35445
- RGB
- rgb(163 84 69)
- HSL
- hsl(10 41% 45%)
- HWB
- hwb(10 27% 36%)
- OKLCH
- oklch(0.538 0.108 32)
- OKLab
- oklab(0.538 0.091 0.057)
- CIE Lab
- lab(45.45 32.27 24.27)
- LCH
- lch(45.45 40.37 36.9)
- CMYK
- cmyk(0% 48% 58% 36%)
틴트 · 셰이드 · 톤
틴트
- AD6557
- B77668
- C1867A
- CB978C
- D4A89F
- DDB9B1
- E6CAC4
- EEDCD8
- F7EDEB
셰이드
- 8D483B
- 783C31
- 633127
- 4F261E
- 3C1B15
- 2A110C
- 190805
- 0A0202
- 010000
톤
- A0594B
- 9E5E51
- 9B6357
- 97675D
- 946C63
- 917069
- 8D746F
- 897875
- 857C7A
색 조화
보색 +180°
- A35445
Baked Clay
- 007C8E
≈ Jade Shard
유사색 -30° +30°
- A35445
Baked Clay
- A05169
≈ Raspberry Patch
- 9A5E20
≈ Tortoiseshell Specs
삼각 배색 +120° +240°
- A35445
Baked Clay
- 35804E
≈ Bold Irish
- 5869AC
≈ Evening Lagoon
분열 보색 +150° +210°
- A35445
Baked Clay
- 008072
≈ Green Garlands
- 2874A7
≈ Larimar Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.36:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.91:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.36:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--baked-clay: #a35445;
--baked-clay-rgb: 163 84 69;
--baked-clay-oklch: oklch(0.538 0.108 32);
}
.element {
color: var(--baked-clay);
background-color: hsl(10 41% 45%);
border-color: oklch(0.538 0.108 32);
}Tailwind CSS v4
@theme {
--color-baked-clay: #a35445;
--color-baked-clay-50: #ffebe1;
--color-baked-clay-100: #ffdcd1;
--color-baked-clay-200: #ffc4b6;
--color-baked-clay-300: #e9a493;
--color-baked-clay-400: #d68676;
--color-baked-clay-500: #c36958;
--color-baked-clay-600: #a5594b;
--color-baked-clay-700: #84473b;
--color-baked-clay-800: #62332c;
--color-baked-clay-900: #45231d;
--color-baked-clay-950: #2d110d;
}SCSS
$baked-clay: #a35445;
$baked-clay-rgb: 163, 84, 69;
$baked-clay-light: mix(#fff, $baked-clay, 20%);
$baked-clay-dark: mix(#000, $baked-clay, 20%);
.element {
color: $baked-clay;
box-shadow: 0 0 0 2px rgba($baked-clay, 0.35);
}