Colore con nome · #947F65
Dapper Tan
Dapper Tan è #947F65: rgb(148 127 101), hsl(33 19% 49%), oklch(0.609 0.045 72.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Dapper Tan color name →
#947F65
oklch(0.609 0.045 72.7)
Conversioni di colore
- HEX
- #947f65
- RGB
- rgb(148 127 101)
- HSL
- hsl(33 19% 49%)
- HWB
- hwb(33 40% 42%)
- OKLCH
- oklch(0.609 0.045 72.7)
- OKLab
- oklab(0.609 0.013 0.043)
- CIE Lab
- lab(54.65 5.33 17.32)
- LCH
- lch(54.65 18.12 72.9)
- CMYK
- cmyk(0% 14% 32% 42%)
Tinte · Ombre · Toni
Tinte
- 9E8B74
- A99782
- B3A491
- BEB0A0
- C8BDB0
- D3CABF
- DED7CF
- E9E4DF
- F4F2EF
Ombre
- 806E57
- 6D5D49
- 5A4C3C
- 483C2F
- 362D22
- 261F17
- 16110C
- 080603
- 010100
Toni
- 927F68
- 907F6B
- 8E7F6E
- 8C8070
- 8A8073
- 888076
- 868078
- 84807B
- 82807D
Armonie di colore
Complementare +180°
- 947F65
Dapper Tan
- 70859E
≈ Merman
Analogo -30° +30°
- 947F65
Dapper Tan
- 9B7A6D
≈ Woodhaven
- 888465
≈ Bandicoot
Triadico +120° +240°
- 947F65
Dapper Tan
- 638C8A
≈ Tasmanian Sea
- 8C7B97
≈ Passion Fruit
Complementare divisa +150° +210°
- 947F65
Dapper Tan
- 658997
≈ Horizon
- 7E809E
≈ Blue Intrigue
Tetradico +90° +180° +270°
- 947F65
Dapper Tan
- 6A8C7B
≈ Sea Monster
- 70859E
≈ Merman
- 97788A
≈ Mountbatten Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.83:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.48:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--dapper-tan: #947f65;
--dapper-tan-rgb: 148 127 101;
--dapper-tan-oklch: oklch(0.609 0.045 72.7);
}
.element {
color: var(--dapper-tan);
background-color: hsl(33 19% 49%);
border-color: oklch(0.609 0.045 72.7);
}Tailwind CSS v4
@theme {
--color-dapper-tan: #947f65;
--color-dapper-tan-50: #fdf4e7;
--color-dapper-tan-100: #f1e6d8;
--color-dapper-tan-200: #e0d2bf;
--color-dapper-tan-300: #c6b59e;
--color-dapper-tan-400: #af9b81;
--color-dapper-tan-500: #998265;
--color-dapper-tan-600: #816e56;
--color-dapper-tan-700: #685844;
--color-dapper-tan-800: #4d4031;
--color-dapper-tan-900: #352c21;
--color-dapper-tan-950: #201911;
}SCSS
$dapper-tan: #947f65;
$dapper-tan-rgb: 148, 127, 101;
$dapper-tan-light: mix(#fff, $dapper-tan, 20%);
$dapper-tan-dark: mix(#000, $dapper-tan, 20%);
.element {
color: $dapper-tan;
box-shadow: 0 0 0 2px rgba($dapper-tan, 0.35);
}