Najbliższy nazwany kolor · #B19584
#B19584
Najbliższy nazwany kolor: Sombrero
#B19584 (rgb(177 149 132), hsl(23 22% 61%), oklch(0.691 0.042 53.1)) jest najbliższy nazwanemu kolorowi Sombrero. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B19584
oklch(0.691 0.042 53.1)
Konwersje koloru
- HEX
- #b19584
- RGB
- rgb(177 149 132)
- HSL
- hsl(23 22% 61%)
- HWB
- hwb(23 52% 31%)
- OKLCH
- oklch(0.691 0.042 53.1)
- OKLab
- oklab(0.691 0.025 0.033)
- CIE Lab
- lab(63.94 8.84 13.11)
- LCH
- lch(63.94 15.81 56)
- CMYK
- cmyk(0% 16% 25% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B99F90
- C0A99C
- C8B4A8
- D0BEB4
- D8C9C0
- E0D4CC
- E7DED9
- EFE9E5
- F7F4F2
Odcienie ciemniejsze
- 998172
- 836D60
- 6C5A4F
- 57483F
- 42372F
- 2F2620
- 1C1612
- 0C0806
- 010101
Tony
- AC9384
- A79183
- A28F83
- 9D8D83
- 988B82
- 948882
- 8F8681
- 8A8481
- 858280
Harmonie kolorów
Komplementarna +180°
- B19584
Sombrero
- 83A0B1
≈ Lake Okoboji
Analogowa -30° +30°
- B19584
Sombrero
- B4928F
≈ Cherry Taupe
- A89A7F
≈ Mohalla
Triada +120° +240°
- B19584
Sombrero
- 82A499
≈ Beckett
- 9C97B4
≈ Heirloom Lilac
Komplementarna rozszczepiona +150° +210°
- B19584
Sombrero
- 7EA4A7
≈ Ziggurat
- 8E9CB6
≈ Periwinkle Dusk
Tetrada +90° +180° +270°
- B19584
Sombrero
- 8DA38B
≈ Envy
- 83A0B1
≈ Lake Okoboji
- A993AB
≈ Garden Flower
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.50:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--sombrero: #b19584;
--sombrero-rgb: 177 149 132;
--sombrero-oklch: oklch(0.691 0.042 53.1);
}
.element {
color: var(--sombrero);
background-color: hsl(23 22% 61%);
border-color: oklch(0.691 0.042 53.1);
}Tailwind CSS v4
@theme {
--color-sombrero: #b19584;
--color-sombrero-50: #fff2ea;
--color-sombrero-100: #f4e5db;
--color-sombrero-200: #e3d0c4;
--color-sombrero-300: #c9b2a4;
--color-sombrero-400: #b39888;
--color-sombrero-500: #9d7f6d;
--color-sombrero-600: #856c5c;
--color-sombrero-700: #6a564a;
--color-sombrero-800: #4e3e35;
--color-sombrero-900: #372b24;
--color-sombrero-950: #211813;
}SCSS
$sombrero: #b19584;
$sombrero-rgb: 177, 149, 132;
$sombrero-light: mix(#fff, $sombrero, 20%);
$sombrero-dark: mix(#000, $sombrero, 20%);
.element {
color: $sombrero;
box-shadow: 0 0 0 2px rgba($sombrero, 0.35);
}