Colore con nome · #AE8E65
Brown Rabbit
Brown Rabbit è #AE8E65: rgb(174 142 101), hsl(34 31% 54%), oklch(0.666 0.068 73.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Brown Rabbit color name →
#AE8E65
oklch(0.666 0.068 73.1)
Conversioni di colore
- HEX
- #ae8e65
- RGB
- rgb(174 142 101)
- HSL
- hsl(34 31% 54%)
- HWB
- hwb(34 40% 32%)
- OKLCH
- oklch(0.666 0.068 73.1)
- OKLab
- oklab(0.666 0.02 0.065)
- CIE Lab
- lab(61.31 8.34 26.64)
- LCH
- lch(61.31 27.92 72.6)
- CMYK
- cmyk(0% 18% 42% 32%)
Tinte · Ombre · Toni
Tinte
- B69974
- BEA483
- C6AF92
- CEBAA1
- D6C5B1
- DED1C0
- E7DCD0
- EFE8DF
- F7F3EF
Ombre
- 977B57
- 806849
- 6A563C
- 55442F
- 413422
- 2E2417
- 1C150C
- 0B0703
- 010100
Toni
- A98D68
- A58B6B
- A08A6E
- 9C8971
- 978774
- 928676
- 8E8479
- 89837B
- 85827E
Armonie di colore
Complementare +180°
- AE8E65
Brown Rabbit
- 7797BE
≈ Blue Beauty
Analogo -30° +30°
- AE8E65
Brown Rabbit
- B98773
≈ Big Cypress
- 9B9665
≈ Green Lentils
Triadico +120° +240°
- AE8E65
Brown Rabbit
- 5FA2A0
≈ Folk Song
- A388B2
≈ Flirty Pink
Complementare divisa +150° +210°
- AE8E65
Brown Rabbit
- 649EB3
≈ Dolphin Daze
- 8E8FBD
≈ Sweet Lavender
Tetradico +90° +180° +270°
- AE8E65
Brown Rabbit
- 6DA288
≈ Quilotoa Green
- 7797BE
≈ Blue Beauty
- B3849F
≈ Heather Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.06:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.85:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--brown-rabbit: #ae8e65;
--brown-rabbit-rgb: 174 142 101;
--brown-rabbit-oklch: oklch(0.666 0.068 73.1);
}
.element {
color: var(--brown-rabbit);
background-color: hsl(34 31% 54%);
border-color: oklch(0.666 0.068 73.1);
}Tailwind CSS v4
@theme {
--color-brown-rabbit: #ae8e65;
--color-brown-rabbit-50: #fff3e0;
--color-brown-rabbit-100: #f6e5cf;
--color-brown-rabbit-200: #e6d1b5;
--color-brown-rabbit-300: #ccb391;
--color-brown-rabbit-400: #b79972;
--color-brown-rabbit-500: #a27f52;
--color-brown-rabbit-600: #896c46;
--color-brown-rabbit-700: #6e5638;
--color-brown-rabbit-800: #513e28;
--color-brown-rabbit-900: #392b1a;
--color-brown-rabbit-950: #23180b;
}SCSS
$brown-rabbit: #ae8e65;
$brown-rabbit-rgb: 174, 142, 101;
$brown-rabbit-light: mix(#fff, $brown-rabbit, 20%);
$brown-rabbit-dark: mix(#000, $brown-rabbit, 20%);
.element {
color: $brown-rabbit;
box-shadow: 0 0 0 2px rgba($brown-rabbit, 0.35);
}