이름 색상 · #DF745B
Rustic Pottery
Rustic Pottery은(는) #DF745B: rgb(223 116 91), hsl(11 67% 62%), oklch(0.676 0.139 34.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rustic Pottery color name →
#DF745B
oklch(0.676 0.139 34.3)
색상 변환
- HEX
- #df745b
- RGB
- rgb(223 116 91)
- HSL
- hsl(11 67% 62%)
- HWB
- hwb(11 36% 13%)
- OKLCH
- oklch(0.676 0.139 34.3)
- OKLab
- oklab(0.676 0.115 0.078)
- CIE Lab
- lab(61.28 41.02 33.64)
- LCH
- lch(61.28 53.05 39.4)
- CMYK
- cmyk(0% 48% 59% 13%)
틴트 · 셰이드 · 톤
틴트
- E4836B
- E8917C
- EC9F8C
- F0AD9C
- F4BAAC
- F7C8BD
- F9D6CD
- FCE4DD
- FEF1EE
셰이드
- C2644E
- A55441
- 8A4535
- 6F3729
- 56291E
- 3D1B13
- 270F09
- 120503
- 020100
톤
- D67660
- CD7864
- C47A68
- BB7B6C
- B27D70
- A87E73
- 9E7E76
- 957F7A
- 8A807D
색 조화
보색 +180°
- DF745B
Rustic Pottery
- 00A9C4
≈ Sarah’s Garden
유사색 -30° +30°
- DF745B
Rustic Pottery
- DC6F8D
≈ Oxford Sausage
- D18226
≈ Dixie
삼각 배색 +120° +240°
- DF745B
Rustic Pottery
- 41B06F
≈ Medium Sea Green
- 7E8FEC
≈ Perrywinkle
분열 보색 +150° +210°
- DF745B
Rustic Pottery
- 00AFA0
≈ Billiard
- 3C9FE6
≈ Perfect Days
사각 배색 +90° +180° +270°
- DF745B
Rustic Pottery
- 85A53A
≈ Greenery
- 00A9C4
≈ Sarah’s Garden
- AA80DC
≈ Lavender Blossom
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.09:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.78:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--rustic-pottery: #df745b;
--rustic-pottery-rgb: 223 116 91;
--rustic-pottery-oklch: oklch(0.676 0.139 34.3);
}
.element {
color: var(--rustic-pottery);
background-color: hsl(11 67% 62%);
border-color: oklch(0.676 0.139 34.3);
}Tailwind CSS v4
@theme {
--color-rustic-pottery: #df745b;
--color-rustic-pottery-50: #ffe8da;
--color-rustic-pottery-100: #ffd8c8;
--color-rustic-pottery-200: #ffc0ab;
--color-rustic-pottery-300: #f59d85;
--color-rustic-pottery-400: #e47e65;
--color-rustic-pottery-500: #d25d43;
--color-rustic-pottery-600: #b1503a;
--color-rustic-pottery-700: #8e402e;
--color-rustic-pottery-800: #6a2d22;
--color-rustic-pottery-900: #4b1e16;
--color-rustic-pottery-950: #310e08;
}SCSS
$rustic-pottery: #df745b;
$rustic-pottery-rgb: 223, 116, 91;
$rustic-pottery-light: mix(#fff, $rustic-pottery, 20%);
$rustic-pottery-dark: mix(#000, $rustic-pottery, 20%);
.element {
color: $rustic-pottery;
box-shadow: 0 0 0 2px rgba($rustic-pottery, 0.35);
}