이름 색상 · #AD7D76
Ferris Wheel
Ferris Wheel은(는) #AD7D76: rgb(173 125 118), hsl(8 25% 57%), oklch(0.635 0.061 28.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Ferris Wheel color name →
#AD7D76
oklch(0.635 0.061 28.2)
색상 변환
- HEX
- #ad7d76
- RGB
- rgb(173 125 118)
- HSL
- hsl(8 25% 57%)
- HWB
- hwb(8 46% 32%)
- OKLCH
- oklch(0.635 0.061 28.2)
- OKLab
- oklab(0.635 0.054 0.029)
- CIE Lab
- lab(57.17 18.49 11.59)
- LCH
- lch(57.17 21.82 32.1)
- CMYK
- cmyk(0% 28% 32% 32%)
틴트 · 셰이드 · 톤
틴트
- B58983
- BE9690
- C6A39D
- CEB0AB
- D7BCB8
- DFCAC6
- E7D7D4
- EFE4E2
- F7F1F1
셰이드
- 966C66
- 7F5B56
- 6A4B47
- 553B38
- 412C29
- 2D1E1C
- 1B110F
- 0B0505
- 010101
톤
- A97D77
- A47E78
- A07E79
- 9C7F7A
- 977F7B
- 937F7C
- 8E7F7D
- 89807E
- 85807F
색 조화
보색 +180°
- AD7D76
Ferris Wheel
- 5C959E
≈ Clear Brook
유사색 -30° +30°
- AD7D76
Ferris Wheel
- AA7C8A
≈ Silken Raspberry
- A78266
≈ Warm Cognac
삼각 배색 +120° +240°
- AD7D76
Ferris Wheel
- 729576
≈ Tabbouleh
- 7B8AB1
≈ Purple Impression
분열 보색 +150° +210°
- AD7D76
Ferris Wheel
- 61978B
≈ Fiddler
- 6891AC
≈ Treasure Map Waters
사각 배색 +90° +180° +270°
- AD7D76
Ferris Wheel
- 879066
≈ Green Coconut
- 5C959E
≈ Clear Brook
- 8F83AC
≈ Purple Phantom
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.51:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.97:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--ferris-wheel: #ad7d76;
--ferris-wheel-rgb: 173 125 118;
--ferris-wheel-oklch: oklch(0.635 0.061 28.2);
}
.element {
color: var(--ferris-wheel);
background-color: hsl(8 25% 57%);
border-color: oklch(0.635 0.061 28.2);
}Tailwind CSS v4
@theme {
--color-ferris-wheel: #ad7d76;
--color-ferris-wheel-50: #ffefeb;
--color-ferris-wheel-100: #fce1dc;
--color-ferris-wheel-200: #edcbc5;
--color-ferris-wheel-300: #d5aca5;
--color-ferris-wheel-400: #c0918a;
--color-ferris-wheel-500: #ab776f;
--color-ferris-wheel-600: #91655e;
--color-ferris-wheel-700: #74504b;
--color-ferris-wheel-800: #563a37;
--color-ferris-wheel-900: #3c2826;
--color-ferris-wheel-950: #261614;
}SCSS
$ferris-wheel: #ad7d76;
$ferris-wheel-rgb: 173, 125, 118;
$ferris-wheel-light: mix(#fff, $ferris-wheel, 20%);
$ferris-wheel-dark: mix(#000, $ferris-wheel, 20%);
.element {
color: $ferris-wheel;
box-shadow: 0 0 0 2px rgba($ferris-wheel, 0.35);
}