Warna bernama terdekat · #5A4400
#5A4400
Warna bernama terdekat: Pineapple
#5A4400 (rgb(90 68 0), hsl(45 100% 18%), oklch(0.399 0.082 87.6)) paling mendekati warna bernama Pineapple. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#5A4400
oklch(0.399 0.082 87.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 695522
- 79673B
- 897853
- 998B6A
- A99D82
- BAB09A
- CBC3B3
- DCD7CC
- EDEBE5
Shade
- 4D3A00
- 413000
- 352600
- 291D00
- 1E1400
- 130C00
- 090500
- 030200
- 000000
Tone
- 5E4A16
- 625024
- 655631
- 695C3D
- 6D6248
- 716854
- 756E5F
- 78746A
- 7C7A75
Harmoni warna
Komplementer +180°
- 5A4400
Pineapple
- 344573
≈ Space Missions
Analog -30° +30°
- 5A4400
Pineapple
- 683B14
≈ Bestial Brown
- 444D11
≈ No Emissions Green
Triadik +120° +240°
- 5A4400
Pineapple
- 00515A
≈ Kali Blue
- 5F365E
≈ Long Passionate Night
Split-komplementer +150° +210°
- 5A4400
Pineapple
- 0D4D6E
≈ Sail Maker
- 4D3D6E
≈ Succinct Violet
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.28:1 · APCA Lc 91
Ag
FailDi atas hitam
WCAG 2.26:1 · APCA Lc 11
Warna teks terbaik: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 91
Contrast pairs
Cuplikan kode
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);
}