Najbliższy nazwany kolor · #5A4400
#5A4400
Najbliższy nazwany kolor: Pineapple
#5A4400 (rgb(90 68 0), hsl(45 100% 18%), oklch(0.399 0.082 87.6)) jest najbliższy nazwanemu kolorowi Pineapple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#5A4400
oklch(0.399 0.082 87.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 695522
- 79673B
- 897853
- 998B6A
- A99D82
- BAB09A
- CBC3B3
- DCD7CC
- EDEBE5
Odcienie ciemniejsze
- 4D3A00
- 413000
- 352600
- 291D00
- 1E1400
- 130C00
- 090500
- 030200
- 000000
Tony
- 5E4A16
- 625024
- 655631
- 695C3D
- 6D6248
- 716854
- 756E5F
- 78746A
- 7C7A75
Harmonie kolorów
Komplementarna +180°
- 5A4400
Pineapple
- 344573
≈ Space Missions
Analogowa -30° +30°
- 5A4400
Pineapple
- 683B14
≈ Bestial Brown
- 444D11
≈ No Emissions Green
Triada +120° +240°
- 5A4400
Pineapple
- 00515A
≈ Kali Blue
- 5F365E
≈ Long Passionate Night
Komplementarna rozszczepiona +150° +210°
- 5A4400
Pineapple
- 0D4D6E
≈ Sail Maker
- 4D3D6E
≈ Succinct Violet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.28:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.26:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}