Colore con nome · #A6927F
Lap Dog
Lap Dog è #A6927F: rgb(166 146 127), hsl(29 18% 57%), oklch(0.673 0.036 65.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Lap Dog color name →
#A6927F
oklch(0.673 0.036 65.7)
Conversioni di colore
- HEX
- #a6927f
- RGB
- rgb(166 146 127)
- HSL
- hsl(29 18% 57%)
- HWB
- hwb(29 50% 35%)
- OKLCH
- oklch(0.673 0.036 65.7)
- OKLab
- oklab(0.673 0.015 0.033)
- CIE Lab
- lab(61.98 5.43 12.99)
- LCH
- lch(61.98 14.08 67.3)
- CMYK
- cmyk(0% 12% 23% 35%)
Tinte · Ombre · Toni
Tinte
- AF9C8B
- B7A798
- C0B2A4
- C9BCB1
- D2C7BD
- DBD2CA
- E4DDD7
- EDE8E4
- F6F4F2
Ombre
- 907E6E
- 7A6B5D
- 65584C
- 51463C
- 3E352D
- 2B251F
- 1A1611
- 0A0806
- 010101
Toni
- A2907F
- 9E8E7F
- 9B8D80
- 978B80
- 938980
- 8F8780
- 8B8580
- 888480
- 848280
Armonie di colore
Complementare +180°
- A6927F
Lap Dog
- 8499AB
≈ Ashley Blue
Analogo -30° +30°
- A6927F
Lap Dog
- AB8F87
≈ Hollow Brown
- 9D967D
≈ Shortgrass Prairie
Triadico +120° +240°
- A6927F
Lap Dog
- 7E9E99
≈ Vizcaya
- 9B91A8
≈ Delectable
Complementare divisa +150° +210°
- A6927F
Lap Dog
- 7D9CA4
≈ Grand Boulevard
- 8F95AD
≈ Silverfish
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.98:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.03:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--lap-dog: #a6927f;
--lap-dog-rgb: 166 146 127;
--lap-dog-oklch: oklch(0.673 0.036 65.7);
}
.element {
color: var(--lap-dog);
background-color: hsl(29 18% 57%);
border-color: oklch(0.673 0.036 65.7);
}Tailwind CSS v4
@theme {
--color-lap-dog: #a6927f;
--color-lap-dog-50: #fcf3ea;
--color-lap-dog-100: #f0e6db;
--color-lap-dog-200: #dfd2c4;
--color-lap-dog-300: #c4b4a4;
--color-lap-dog-400: #ae9b88;
--color-lap-dog-500: #97826d;
--color-lap-dog-600: #806e5d;
--color-lap-dog-700: #66584a;
--color-lap-dog-800: #4c4035;
--color-lap-dog-900: #342c24;
--color-lap-dog-950: #201913;
}SCSS
$lap-dog: #a6927f;
$lap-dog-rgb: 166, 146, 127;
$lap-dog-light: mix(#fff, $lap-dog, 20%);
$lap-dog-dark: mix(#000, $lap-dog, 20%);
.element {
color: $lap-dog;
box-shadow: 0 0 0 2px rgba($lap-dog, 0.35);
}