이름 색상 · #D4A278
Rhino Tusk
Rhino Tusk은(는) #D4A278: rgb(212 162 120), hsl(27 52% 65%), oklch(0.749 0.082 61.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Rhino Tusk color name →
#D4A278
oklch(0.749 0.082 61.1)
색상 변환
- HEX
- #d4a278
- RGB
- rgb(212 162 120)
- HSL
- hsl(27 52% 65%)
- HWB
- hwb(27 47% 17%)
- OKLCH
- oklch(0.749 0.082 61.1)
- OKLab
- oklab(0.749 0.04 0.072)
- CIE Lab
- lab(70.66 15.21 29.37)
- LCH
- lch(70.66 33.08 62.6)
- CMYK
- cmyk(0% 24% 43% 17%)
틴트 · 셰이드 · 톤
틴트
- D9AB85
- DDB493
- E2BEA0
- E6C7AE
- EAD0BB
- EFDAC9
- F3E3D6
- F7ECE4
- FBF6F1
셰이드
- B88C67
- 9D7757
- 836348
- 694F39
- 513C2A
- 3A2A1D
- 241910
- 100A05
- 020101
톤
- CC9F79
- C39B7B
- BB987C
- B2957D
- AA917D
- A18E7E
- 998A7F
- 91877F
- 888480
색 조화
보색 +180°
- D4A278
Rhino Tusk
- 7EB5DD
≈ Dun Morogh Blue
유사색 -30° +30°
- D4A278
Rhino Tusk
- DD9B8E
≈ Medium Terracotta
- C1AC70
≈ Dried Moss
삼각 배색 +120° +240°
- D4A278
Rhino Tusk
- 6FBFB1
≈ Fiesta Blue
- B6A2DA
≈ Purple Premiere
분열 보색 +150° +210°
- D4A278
Rhino Tusk
- 6BBCCB
≈ Delusional Dragonfly
- 9AABE2
≈ Aster Flower Blue
사각 배색 +90° +180° +270°
- D4A278
Rhino Tusk
- 87BD93
≈ Forest Frolic
- 7EB5DD
≈ Dun Morogh Blue
- CC9BC6
≈ Clover Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.23:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--rhino-tusk: #d4a278;
--rhino-tusk-rgb: 212 162 120;
--rhino-tusk-oklch: oklch(0.749 0.082 61.1);
}
.element {
color: var(--rhino-tusk);
background-color: hsl(27 52% 65%);
border-color: oklch(0.749 0.082 61.1);
}Tailwind CSS v4
@theme {
--color-rhino-tusk: #d4a278;
--color-rhino-tusk-50: #fff1de;
--color-rhino-tusk-100: #fce3cc;
--color-rhino-tusk-200: #eecdb1;
--color-rhino-tusk-300: #d6af8c;
--color-rhino-tusk-400: #c2946c;
--color-rhino-tusk-500: #ae794b;
--color-rhino-tusk-600: #936741;
--color-rhino-tusk-700: #765233;
--color-rhino-tusk-800: #573b25;
--color-rhino-tusk-900: #3d2918;
--color-rhino-tusk-950: #271609;
}SCSS
$rhino-tusk: #d4a278;
$rhino-tusk-rgb: 212, 162, 120;
$rhino-tusk-light: mix(#fff, $rhino-tusk, 20%);
$rhino-tusk-dark: mix(#000, $rhino-tusk, 20%);
.element {
color: $rhino-tusk;
box-shadow: 0 0 0 2px rgba($rhino-tusk, 0.35);
}