Colore con nome più vicino · #5A4400
#5A4400
Colore con nome più vicino: Pineapple
#5A4400 (rgb(90 68 0), hsl(45 100% 18%), oklch(0.399 0.082 87.6)) è più vicino al colore con nome Pineapple. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5A4400
oklch(0.399 0.082 87.6)
Conversioni di colore
- HEX
- #5a4400
- RGB
- rgb(90 68 0)
- HSL
- hsl(45 100% 18%)
- HWB
- hwb(45 0% 65%)
- OKLCH
- oklch(0.399 0.082 87.6)
- OKLab
- oklab(0.399 0.003 0.082)
- CIE Lab
- lab(30.45 5.2 39.21)
- LCH
- lch(30.45 39.56 82.4)
- CMYK
- cmyk(0% 24% 100% 65%)
Tinte · Ombre · Toni
Tinte
- 695522
- 79673B
- 897853
- 998B6A
- A99D82
- BAB09A
- CBC3B3
- DCD7CC
- EDEBE5
Ombre
- 4D3A00
- 413000
- 352600
- 291D00
- 1E1400
- 130C00
- 090500
- 030200
- 000000
Toni
- 5E4A16
- 625024
- 655631
- 695C3D
- 6D6248
- 716854
- 756E5F
- 78746A
- 7C7A75
Armonie di colore
Complementare +180°
- 5A4400
Pineapple
- 344573
≈ Space Missions
Analogo -30° +30°
- 5A4400
Pineapple
- 683B14
≈ Bestial Brown
- 444D11
≈ No Emissions Green
Triadico +120° +240°
- 5A4400
Pineapple
- 00515A
≈ Kali Blue
- 5F365E
≈ Long Passionate Night
Complementare divisa +150° +210°
- 5A4400
Pineapple
- 0D4D6E
≈ Sail Maker
- 4D3D6E
≈ Succinct Violet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.28:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.26:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--pineapple: #5a4400;
--pineapple-rgb: 90 68 0;
--pineapple-oklch: oklch(0.399 0.082 87.6);
}
.element {
color: var(--pineapple);
background-color: hsl(45 100% 18%);
border-color: oklch(0.399 0.082 87.6);
}Tailwind CSS v4
@theme {
--color-pineapple: #5a4400;
--color-pineapple-50: #fef5db;
--color-pineapple-100: #f3e7ca;
--color-pineapple-200: #e2d3ad;
--color-pineapple-300: #c8b688;
--color-pineapple-400: #b39c65;
--color-pineapple-500: #9d8342;
--color-pineapple-600: #856f39;
--color-pineapple-700: #6a592d;
--color-pineapple-800: #4f401f;
--color-pineapple-900: #372c14;
--color-pineapple-950: #221906;
}SCSS
$pineapple: #5a4400;
$pineapple-rgb: 90, 68, 0;
$pineapple-light: mix(#fff, $pineapple, 20%);
$pineapple-dark: mix(#000, $pineapple, 20%);
.element {
color: $pineapple;
box-shadow: 0 0 0 2px rgba($pineapple, 0.35);
}