이름 색상 · #D99294
Pink Clay Pot
Pink Clay Pot은(는) #D99294: rgb(217 146 148), hsl(358 48% 71%), oklch(0.731 0.086 17.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Pink Clay Pot color name →
#D99294
oklch(0.731 0.086 17.5)
색상 변환
- HEX
- #d99294
- RGB
- rgb(217 146 148)
- HSL
- hsl(358 48% 71%)
- HWB
- hwb(358 57% 15%)
- OKLCH
- oklch(0.731 0.086 17.5)
- OKLab
- oklab(0.731 0.082 0.026)
- CIE Lab
- lab(67.9 27.8 10.5)
- LCH
- lch(67.9 29.71 20.7)
- CMYK
- cmyk(0% 33% 32% 15%)
틴트 · 셰이드 · 톤
틴트
- DE9D9E
- E2A8A9
- E6B2B3
- EABDBE
- EEC8C8
- F2D3D3
- F5DEDE
- F9E9E9
- FCF4F4
셰이드
- BC7E80
- A16B6D
- 86585A
- 6C4648
- 533536
- 3B2526
- 251616
- 110808
- 020101
톤
- D09092
- C78F90
- BF8D8E
- B68B8C
- AD8A8A
- A48888
- 9B8686
- 928484
- 898282
색 조화
보색 +180°
- D99294
Pink Clay Pot
- 5FB9BB
≈ Dickie Bird
유사색 -30° +30°
- D99294
Pink Clay Pot
- D192B2
≈ Moonlit Mauve
- D59879
≈ Italian Clay
삼각 배색 +120° +240°
- D99294
Pink Clay Pot
- 8EB580
≈ Aniseed Leaf Green
- 86AADE
≈ Swift
분열 보색 +150° +210°
- D99294
Pink Clay Pot
- 6FBA9D
≈ Arboretum
- 6AB3D3
≈ Shimmering Brook
사각 배색 +90° +180° +270°
- D99294
Pink Clay Pot
- ADAC6B
≈ Organic Garden
- 5FB9BB
≈ Dickie Bird
- A4A0DC
≈ Simply Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.47:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.48:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.48:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--pink-clay-pot: #d99294;
--pink-clay-pot-rgb: 217 146 148;
--pink-clay-pot-oklch: oklch(0.731 0.086 17.5);
}
.element {
color: var(--pink-clay-pot);
background-color: hsl(358 48% 71%);
border-color: oklch(0.731 0.086 17.5);
}Tailwind CSS v4
@theme {
--color-pink-clay-pot: #d99294;
--color-pink-clay-pot-50: #ffeceb;
--color-pink-clay-pot-100: #ffdddc;
--color-pink-clay-pot-200: #f7c6c5;
--color-pink-clay-pot-300: #e0a6a6;
--color-pink-clay-pot-400: #cc8a8c;
--color-pink-clay-pot-500: #b86e71;
--color-pink-clay-pot-600: #9c5d60;
--color-pink-clay-pot-700: #7d4a4c;
--color-pink-clay-pot-800: #5d3638;
--color-pink-clay-pot-900: #412527;
--color-pink-clay-pot-950: #291315;
}SCSS
$pink-clay-pot: #d99294;
$pink-clay-pot-rgb: 217, 146, 148;
$pink-clay-pot-light: mix(#fff, $pink-clay-pot, 20%);
$pink-clay-pot-dark: mix(#000, $pink-clay-pot, 20%);
.element {
color: $pink-clay-pot;
box-shadow: 0 0 0 2px rgba($pink-clay-pot, 0.35);
}