이름 색상 · #AD7356
Glazed Pot
Glazed Pot은(는) #AD7356: rgb(173 115 86), hsl(20 35% 51%), oklch(0.609 0.085 47.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Glazed Pot color name →
#AD7356
oklch(0.609 0.085 47.2)
색상 변환
- HEX
- #ad7356
- RGB
- rgb(173 115 86)
- HSL
- hsl(20 35% 51%)
- HWB
- hwb(20 34% 32%)
- OKLCH
- oklch(0.609 0.085 47.2)
- OKLab
- oklab(0.609 0.057 0.062)
- CIE Lab
- lab(54.19 21.13 25.84)
- LCH
- lch(54.19 33.38 50.7)
- CMYK
- cmyk(0% 34% 50% 32%)
틴트 · 셰이드 · 톤
틴트
- B68166
- BE8E77
- C79C87
- CFAA98
- D7B8A8
- DFC6B9
- E7D4CA
- EFE2DC
- F7F0ED
셰이드
- 96634A
- 7F543E
- 6A4532
- 553627
- 41281C
- 2D1B12
- 1B0F08
- 0B0502
- 010100
톤
- A9755B
- A5765F
- A07864
- 9C7968
- 987A6C
- 937C70
- 8F7D74
- 8A7E78
- 857F7C
색 조화
보색 +180°
- AD7356
Glazed Pot
- 458DAB
≈ Boston Blue
유사색 -30° +30°
- AD7356
Glazed Pot
- B06E70
≈ Horizon Glow
- 9F7C45
≈ Ochre Brown
삼각 배색 +120° +240°
- AD7356
Glazed Pot
- 4B9378
≈ Winter Green
- 807BB3
≈ Purple Rhapsody
분열 보색 +150° +210°
- AD7356
Glazed Pot
- 389395
≈ Catalan
- 6285B6
≈ Marine Ink
사각 배색 +90° +180° +270°
- AD7356
Glazed Pot
- 6A8F5C
≈ Irish Charm
- 458DAB
≈ Boston Blue
- 9873A5
≈ Scotch Thistle
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.91:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.36:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.36:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--glazed-pot: #ad7356;
--glazed-pot-rgb: 173 115 86;
--glazed-pot-oklch: oklch(0.609 0.085 47.2);
}
.element {
color: var(--glazed-pot);
background-color: hsl(20 35% 51%);
border-color: oklch(0.609 0.085 47.2);
}Tailwind CSS v4
@theme {
--color-glazed-pot: #ad7356;
--color-glazed-pot-50: #ffefe0;
--color-glazed-pot-100: #ffe0d0;
--color-glazed-pot-200: #f3cab5;
--color-glazed-pot-300: #dcab91;
--color-glazed-pot-400: #c88f73;
--color-glazed-pot-500: #b47454;
--color-glazed-pot-600: #986348;
--color-glazed-pot-700: #7a4f39;
--color-glazed-pot-800: #5b3929;
--color-glazed-pot-900: #40271c;
--color-glazed-pot-950: #28150c;
}SCSS
$glazed-pot: #ad7356;
$glazed-pot-rgb: 173, 115, 86;
$glazed-pot-light: mix(#fff, $glazed-pot, 20%);
$glazed-pot-dark: mix(#000, $glazed-pot, 20%);
.element {
color: $glazed-pot;
box-shadow: 0 0 0 2px rgba($glazed-pot, 0.35);
}