Colore con nome · #D4A278
Rhino Tusk
Rhino Tusk è #D4A278: rgb(212 162 120), hsl(27 52% 65%), oklch(0.749 0.082 61.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rhino Tusk color name →
#D4A278
oklch(0.749 0.082 61.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D9AB85
- DDB493
- E2BEA0
- E6C7AE
- EAD0BB
- EFDAC9
- F3E3D6
- F7ECE4
- FBF6F1
Ombre
- B88C67
- 9D7757
- 836348
- 694F39
- 513C2A
- 3A2A1D
- 241910
- 100A05
- 020101
Toni
- CC9F79
- C39B7B
- BB987C
- B2957D
- AA917D
- A18E7E
- 998A7F
- 91877F
- 888480
Armonie di colore
Complementare +180°
- D4A278
Rhino Tusk
- 7EB5DD
≈ Dun Morogh Blue
Analogo -30° +30°
- D4A278
Rhino Tusk
- DD9B8E
≈ Medium Terracotta
- C1AC70
≈ Dried Moss
Triadico +120° +240°
- D4A278
Rhino Tusk
- 6FBFB1
≈ Fiesta Blue
- B6A2DA
≈ Purple Premiere
Complementare divisa +150° +210°
- D4A278
Rhino Tusk
- 6BBCCB
≈ Delusional Dragonfly
- 9AABE2
≈ Aster Flower Blue
Tetradico +90° +180° +270°
- D4A278
Rhino Tusk
- 87BD93
≈ Forest Frolic
- 7EB5DD
≈ Dun Morogh Blue
- CC9BC6
≈ Clover Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.23:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
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);
}