En yakın adlandırılmış renk · #B6816C
#B6816C
En yakın adlandırılmış renk: Ludicrous Lemming
#B6816C (rgb(182 129 108), hsl(17 34% 57%), oklch(0.651 0.073 42.5)) en çok Ludicrous Lemming adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B6816C
oklch(0.651 0.073 42.5)
Renk dönüşümleri
- HEX
- #b6816c
- RGB
- rgb(182 129 108)
- HSL
- hsl(17 34% 57%)
- HWB
- hwb(17 42% 29%)
- OKLCH
- oklch(0.651 0.073 42.5)
- OKLab
- oklab(0.651 0.054 0.049)
- CIE Lab
- lab(59.02 19.14 19.99)
- LCH
- lch(59.02 27.67 46.2)
- CMYK
- cmyk(0% 29% 41% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BE8D7A
- C59988
- CDA697
- D4B2A5
- DCBFB4
- E3CBC2
- EAD8D1
- F1E5E0
- F8F2F0
Koyu tonlar
- 9E6F5D
- 865E4E
- 6F4E40
- 593E32
- 442E25
- 301F19
- 1D120D
- 0C0604
- 020100
Gri tonlar
- B1816E
- AC8170
- A68173
- A18175
- 9C8177
- 968179
- 91817B
- 8B817C
- 86807E
Renk uyumları
Tamamlayıcı +180°
- B6816C
Ludicrous Lemming
- 5A9AB0
≈ Chivalry
Analog -30° +30°
- B6816C
Ludicrous Lemming
- B77D83
≈ Fiesta Rojo
- AB895D
≈ Iced Coffee
Üçlü +120° +240°
- B6816C
Ludicrous Lemming
- 659E82
≈ Scotch Lassie
- 888ABB
≈ Soft Blue Lavender
Bölünmüş tamamlayıcı +150° +210°
- B6816C
Ludicrous Lemming
- 559E9B
≈ Cold North
- 6F92BB
≈ Allure
Dörtlü +90° +180° +270°
- B6816C
Ludicrous Lemming
- 7F996B
≈ Money
- 5A9AB0
≈ Chivalry
- 9F83B0
≈ Nightshade Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.30:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.34:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--ludicrous-lemming: #b6816c;
--ludicrous-lemming-rgb: 182 129 108;
--ludicrous-lemming-oklch: oklch(0.651 0.073 42.5);
}
.element {
color: var(--ludicrous-lemming);
background-color: hsl(17 34% 57%);
border-color: oklch(0.651 0.073 42.5);
}Tailwind CSS v4
@theme {
--color-ludicrous-lemming: #b6816c;
--color-ludicrous-lemming-50: #ffefe4;
--color-ludicrous-lemming-100: #fee1d4;
--color-ludicrous-lemming-200: #f0cbbb;
--color-ludicrous-lemming-300: #d8ac99;
--color-ludicrous-lemming-400: #c4917c;
--color-ludicrous-lemming-500: #b0765f;
--color-ludicrous-lemming-600: #946451;
--color-ludicrous-lemming-700: #775040;
--color-ludicrous-lemming-800: #583a2f;
--color-ludicrous-lemming-900: #3e2820;
--color-ludicrous-lemming-950: #27160f;
}SCSS
$ludicrous-lemming: #b6816c;
$ludicrous-lemming-rgb: 182, 129, 108;
$ludicrous-lemming-light: mix(#fff, $ludicrous-lemming, 20%);
$ludicrous-lemming-dark: mix(#000, $ludicrous-lemming, 20%);
.element {
color: $ludicrous-lemming;
box-shadow: 0 0 0 2px rgba($ludicrous-lemming, 0.35);
}