Najbliższy nazwany kolor · #4E3D00
#4E3D00
Najbliższy nazwany kolor: Pineapple
#4E3D00 (rgb(78 61 0), hsl(47 100% 15%), oklch(0.368 0.075 91)) jest najbliższy nazwanemu kolorowi Pineapple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#4E3D00
oklch(0.368 0.075 91)
Konwersje koloru
- HEX
- #4e3d00
- RGB
- rgb(78 61 0)
- HSL
- hsl(47 100% 15%)
- HWB
- hwb(47 0% 69%)
- OKLCH
- oklch(0.368 0.075 91)
- OKLab
- oklab(0.368 -0.001 0.075)
- CIE Lab
- lab(26.85 3.22 35.74)
- LCH
- lch(26.85 35.88 84.8)
- CMYK
- cmyk(0% 22% 100% 69%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5E4F20
- 6E6038
- 7F7350
- 908667
- A2997F
- B4AD98
- C6C1B1
- D9D5CB
- ECEAE5
Odcienie ciemniejsze
- 433400
- 382B00
- 2D2200
- 231A00
- 191200
- 0F0A00
- 070400
- 020100
- 000000
Tony
- 534414
- 584A22
- 5D512F
- 62583B
- 675E46
- 6C6552
- 716C5D
- 767269
- 7B7974
Harmonie kolorów
Komplementarna +180°
- 4E3D00
Pineapple
- 313C67
≈ Newport Indigo
Analogowa -30° +30°
- 4E3D00
Pineapple
- 5B350E
≈ Chocolate Fantasies
- 394511
≈ Green Not Found
Triada +120° +240°
- 4E3D00
Pineapple
- 004852
≈ Midnight Green
- 552F51
≈ Purple Prose
Komplementarna rozszczepiona +150° +210°
- 4E3D00
Pineapple
- 104363
≈ Forest Blues
- 463560
≈ Petunia
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.54:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 1.99:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--pineapple: #4e3d00;
--pineapple-rgb: 78 61 0;
--pineapple-oklch: oklch(0.368 0.075 91);
}
.element {
color: var(--pineapple);
background-color: hsl(47 100% 15%);
border-color: oklch(0.368 0.075 91);
}Tailwind CSS v4
@theme {
--color-pineapple: #4e3d00;
--color-pineapple-50: #fcf5dd;
--color-pineapple-100: #f0e8cc;
--color-pineapple-200: #dfd4b0;
--color-pineapple-300: #c4b78c;
--color-pineapple-400: #af9d6a;
--color-pineapple-500: #998449;
--color-pineapple-600: #81703e;
--color-pineapple-700: #675a32;
--color-pineapple-800: #4d4123;
--color-pineapple-900: #352d17;
--color-pineapple-950: #211a08;
}SCSS
$pineapple: #4e3d00;
$pineapple-rgb: 78, 61, 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);
}