이름 색상 · #D4823C
Clay Terrace
Clay Terrace은(는) #D4823C: rgb(212 130 60), hsl(28 64% 53%), oklch(0.681 0.131 58.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Clay Terrace color name →
#D4823C
oklch(0.681 0.131 58.1)
색상 변환
- HEX
- #d4823c
- RGB
- rgb(212 130 60)
- HSL
- hsl(28 64% 53%)
- HWB
- hwb(28 24% 17%)
- OKLCH
- oklch(0.681 0.131 58.1)
- OKLab
- oklab(0.681 0.069 0.112)
- CIE Lab
- lab(62.44 28.3 50.35)
- LCH
- lch(62.44 57.76 60.7)
- CMYK
- cmyk(0% 39% 72% 17%)
틴트 · 셰이드 · 톤
틴트
- D98F53
- DE9B67
- E3A87B
- E8B48E
- ECC1A1
- F0CDB4
- F4DAC6
- F8E6D9
- FCF3EC
셰이드
- B87033
- 9D5F2A
- 834E21
- 693E19
- 512F11
- 3A200A
- 241204
- 100601
- 020100
톤
- CC8246
- C4834F
- BC8357
- B3835E
- AB8364
- A3826B
- 9A8270
- 928176
- 89817B
색 조화
보색 +180°
- D4823C
Clay Terrace
- 36A3E0
≈ Dayflower
유사색 -30° +30°
- D4823C
Clay Terrace
- DE766A
≈ Mettwurst
- BA931E
≈ Nugget
삼각 배색 +120° +240°
- D4823C
Clay Terrace
- 00B199
≈ Pool Green
- A385DF
≈ Lavender Blossom
분열 보색 +150° +210°
- D4823C
Clay Terrace
- 00ACBE
≈ Bahaman Sea
- 7694EA
≈ Guilliman Blue
사각 배색 +90° +180° +270°
- D4823C
Clay Terrace
- 59AF69
≈ Algae
- 36A3E0
≈ Dayflower
- C47AC1
≈ Gulābī Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.97:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.05:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.05:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--clay-terrace: #d4823c;
--clay-terrace-rgb: 212 130 60;
--clay-terrace-oklch: oklch(0.681 0.131 58.1);
}
.element {
color: var(--clay-terrace);
background-color: hsl(28 64% 53%);
border-color: oklch(0.681 0.131 58.1);
}Tailwind CSS v4
@theme {
--color-clay-terrace: #d4823c;
--color-clay-terrace-50: #ffedd0;
--color-clay-terrace-100: #ffdebc;
--color-clay-terrace-200: #ffc89b;
--color-clay-terrace-300: #e9a771;
--color-clay-terrace-400: #d88949;
--color-clay-terrace-500: #c56c0d;
--color-clay-terrace-600: #a65c12;
--color-clay-terrace-700: #85490f;
--color-clay-terrace-800: #64340a;
--color-clay-terrace-900: #462407;
--color-clay-terrace-950: #2d1200;
}SCSS
$clay-terrace: #d4823c;
$clay-terrace-rgb: 212, 130, 60;
$clay-terrace-light: mix(#fff, $clay-terrace, 20%);
$clay-terrace-dark: mix(#000, $clay-terrace, 20%);
.element {
color: $clay-terrace;
box-shadow: 0 0 0 2px rgba($clay-terrace, 0.35);
}