Colore con nome · #D4B385
Sabre Tooth
Sabre Tooth è #D4B385: rgb(212 179 133), hsl(35 48% 68%), oklch(0.785 0.072 75.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sabre Tooth color name →
#D4B385
oklch(0.785 0.072 75.6)
Conversioni di colore
- HEX
- #d4b385
- RGB
- rgb(212 179 133)
- HSL
- hsl(35 48% 68%)
- HWB
- hwb(35 52% 17%)
- OKLCH
- oklch(0.785 0.072 75.6)
- OKLab
- oklab(0.785 0.018 0.07)
- CIE Lab
- lab(75.07 7.62 28.21)
- LCH
- lch(75.07 29.22 74.9)
- CMYK
- cmyk(0% 16% 37% 17%)
Tinte · Ombre · Toni
Tinte
- D8BB91
- DDC29D
- E1CAAA
- E5D1B6
- EAD9C2
- EEE0CE
- F2E8DA
- F7F0E6
- FBF7F3
Ombre
- B89B73
- 9D8461
- 836E50
- 695840
- 514330
- 3A2F21
- 241D13
- 100C06
- 020101
Toni
- CBAE85
- C3A985
- BAA485
- B29F84
- A99984
- A19483
- 998F83
- 908A82
- 888581
Armonie di colore
Complementare +180°
- D4B385
Sabre Tooth
- 9BBBE7
≈ Gallery Blue
Analogo -30° +30°
- D4B385
Sabre Tooth
- E1AB93
≈ California Coral
- BFBC86
≈ Slippery Moss
Triadico +120° +240°
- D4B385
Sabre Tooth
- 80C8C8
≈ Bay Mist
- CBABD9
≈ Cherish the Moment
Complementare divisa +150° +210°
- D4B385
Sabre Tooth
- 86C3DC
≈ Dolphin
- B4B3E6
≈ Beloved
Tetradico +90° +180° +270°
- D4B385
Sabre Tooth
- 8CC8AE
≈ Hellion Green
- 9BBBE7
≈ Gallery Blue
- DCA7C3
≈ Pink Beauty
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.58:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--sabre-tooth: #d4b385;
--sabre-tooth-rgb: 212 179 133;
--sabre-tooth-oklch: oklch(0.785 0.072 75.6);
}
.element {
color: var(--sabre-tooth);
background-color: hsl(35 48% 68%);
border-color: oklch(0.785 0.072 75.6);
}Tailwind CSS v4
@theme {
--color-sabre-tooth: #d4b385;
--color-sabre-tooth-50: #fff3df;
--color-sabre-tooth-100: #f6e5ce;
--color-sabre-tooth-200: #e6d1b3;
--color-sabre-tooth-300: #ccb38e;
--color-sabre-tooth-400: #b7996e;
--color-sabre-tooth-500: #a2804e;
--color-sabre-tooth-600: #896c43;
--color-sabre-tooth-700: #6e5635;
--color-sabre-tooth-800: #513f25;
--color-sabre-tooth-900: #392b19;
--color-sabre-tooth-950: #23180a;
}SCSS
$sabre-tooth: #d4b385;
$sabre-tooth-rgb: 212, 179, 133;
$sabre-tooth-light: mix(#fff, $sabre-tooth, 20%);
$sabre-tooth-dark: mix(#000, $sabre-tooth, 20%);
.element {
color: $sabre-tooth;
box-shadow: 0 0 0 2px rgba($sabre-tooth, 0.35);
}