이름 색상 · #DD9475
Buffed Copper
Buffed Copper은(는) #DD9475: rgb(221 148 117), hsl(18 60% 66%), oklch(0.732 0.099 43.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Buffed Copper color name →
#DD9475
oklch(0.732 0.099 43.8)
색상 변환
- HEX
- #dd9475
- RGB
- rgb(221 148 117)
- HSL
- hsl(18 60% 66%)
- HWB
- hwb(18 46% 13%)
- OKLCH
- oklch(0.732 0.099 43.8)
- OKLab
- oklab(0.732 0.071 0.068)
- CIE Lab
- lab(68.31 25.79 28.21)
- LCH
- lch(68.31 38.22 47.6)
- CMYK
- cmyk(0% 33% 47% 13%)
틴트 · 셰이드 · 톤
틴트
- E19F83
- E5A990
- E9B49E
- EDBFAC
- F0C9B9
- F3D4C7
- F7DFD5
- FAE9E3
- FCF4F1
셰이드
- C08065
- A46D55
- 885A46
- 6E4837
- 553629
- 3D261C
- 26160F
- 110805
- 020101
톤
- D49277
- CB9178
- C18F79
- B88D7B
- AF8B7C
- A6897D
- 9C877E
- 93857F
- 8A827F
색 조화
보색 +180°
- DD9475
Buffed Copper
- 5AB6D6
≈ Aquella
유사색 -30° +30°
- DD9475
Buffed Copper
- DF8E96
≈ Ruddy Pink
- CE9F5F
≈ Sunrise Heat
삼각 배색 +120° +240°
- DD9475
Buffed Copper
- 69BC97
≈ Katydid
- A0A0E5
≈ Cold Lips
분열 보색 +150° +210°
- DD9475
Buffed Copper
- 4FBCBA
≈ Lagoon Rock
- 7CACE6
≈ Jordy Blue
사각 배색 +90° +180° +270°
- DD9475
Buffed Copper
- 8FB676
≈ Flavoparmelia Caperata
- 5AB6D6
≈ Aquella
- BF96D4
≈ Amethyst Show
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.45:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.56:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--buffed-copper: #dd9475;
--buffed-copper-rgb: 221 148 117;
--buffed-copper-oklch: oklch(0.732 0.099 43.8);
}
.element {
color: var(--buffed-copper);
background-color: hsl(18 60% 66%);
border-color: oklch(0.732 0.099 43.8);
}Tailwind CSS v4
@theme {
--color-buffed-copper: #dd9475;
--color-buffed-copper-50: #ffedde;
--color-buffed-copper-100: #ffdecd;
--color-buffed-copper-200: #f9c8b1;
--color-buffed-copper-300: #e3a88d;
--color-buffed-copper-400: #d08b6e;
--color-buffed-copper-500: #bc6f4e;
--color-buffed-copper-600: #9f5e43;
--color-buffed-copper-700: #804b35;
--color-buffed-copper-800: #5f3626;
--color-buffed-copper-900: #43251a;
--color-buffed-copper-950: #2b130a;
}SCSS
$buffed-copper: #dd9475;
$buffed-copper-rgb: 221, 148, 117;
$buffed-copper-light: mix(#fff, $buffed-copper, 20%);
$buffed-copper-dark: mix(#000, $buffed-copper, 20%);
.element {
color: $buffed-copper;
box-shadow: 0 0 0 2px rgba($buffed-copper, 0.35);
}