이름 색상 · #C08650
Rookwood Amber
Rookwood Amber은(는) #C08650: rgb(192 134 80), hsl(29 47% 53%), oklch(0.667 0.1 62.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Rookwood Amber color name →
#C08650
oklch(0.667 0.1 62.7)
색상 변환
- HEX
- #c08650
- RGB
- rgb(192 134 80)
- HSL
- hsl(29 47% 53%)
- HWB
- hwb(29 31% 25%)
- OKLCH
- oklch(0.667 0.1 62.7)
- OKLab
- oklab(0.667 0.046 0.089)
- CIE Lab
- lab(61.05 18.73 38.08)
- LCH
- lch(61.05 42.44 63.8)
- CMYK
- cmyk(0% 30% 58% 25%)
틴트 · 셰이드 · 톤
틴트
- C79262
- CD9E74
- D4AA85
- DAB696
- E1C2A8
- E7CEB9
- EDDACA
- F3E6DC
- F9F3ED
셰이드
- A77444
- 8E6239
- 76512E
- 5F4024
- 49301A
- 342110
- 201307
- 0E0602
- 020100
톤
- BA8656
- B4855C
- AD8561
- A78466
- A1846B
- 9A8370
- 948374
- 8D8278
- 87817C
색 조화
보색 +180°
- C08650
Rookwood Amber
- 599BCD
≈ Tall Waves
유사색 -30° +30°
- C08650
Rookwood Amber
- CA7D6C
≈ Canyon Clay
- AA9346
≈ Epidote Olvene Ore
삼각 배색 +120° +240°
- C08650
Rookwood Amber
- 3BA89A
≈ Jewel Weed
- A085C7
≈ Lilac Purple
분열 보색 +150° +210°
- C08650
Rookwood Amber
- 37A4B9
≈ Sparkling Cove
- 7F90D2
≈ Mood Mode
사각 배색 +90° +180° +270°
- C08650
Rookwood Amber
- 61A676
≈ Aqua Forest
- 599BCD
≈ Tall Waves
- B97DAF
≈ Cheddar Pink Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.10:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.76:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--rookwood-amber: #c08650;
--rookwood-amber-rgb: 192 134 80;
--rookwood-amber-oklch: oklch(0.667 0.1 62.7);
}
.element {
color: var(--rookwood-amber);
background-color: hsl(29 47% 53%);
border-color: oklch(0.667 0.1 62.7);
}Tailwind CSS v4
@theme {
--color-rookwood-amber: #c08650;
--color-rookwood-amber-50: #fff0d8;
--color-rookwood-amber-100: #ffe2c6;
--color-rookwood-amber-200: #f3cca8;
--color-rookwood-amber-300: #dcad81;
--color-rookwood-amber-400: #c9915e;
--color-rookwood-amber-500: #b57638;
--color-rookwood-amber-600: #996431;
--color-rookwood-amber-700: #7b5027;
--color-rookwood-amber-800: #5b3a1b;
--color-rookwood-amber-900: #402712;
--color-rookwood-amber-950: #291504;
}SCSS
$rookwood-amber: #c08650;
$rookwood-amber-rgb: 192, 134, 80;
$rookwood-amber-light: mix(#fff, $rookwood-amber, 20%);
$rookwood-amber-dark: mix(#000, $rookwood-amber, 20%);
.element {
color: $rookwood-amber;
box-shadow: 0 0 0 2px rgba($rookwood-amber, 0.35);
}