En yakın adlandırılmış renk · #801B00
#801B00
En yakın adlandırılmış renk: Buried Lust
#801B00 (rgb(128 27 0), hsl(13 100% 25%), oklch(0.393 0.14 34.5)) en çok Buried Lust 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.
#801B00
oklch(0.393 0.14 34.5)
Renk dönüşümleri
- HEX
- #801b00
- RGB
- rgb(128 27 0)
- HSL
- hsl(13 100% 25%)
- HWB
- hwb(13 0% 50%)
- OKLCH
- oklch(0.393 0.14 34.5)
- OKLab
- oklab(0.393 0.115 0.079)
- CIE Lab
- lab(28.35 42.45 41.2)
- LCH
- lch(28.35 59.15 44.1)
- CMYK
- cmyk(0% 79% 100% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8F3621
- 9D4C3A
- AB6251
- B87869
- C58E81
- D1A499
- DDBAB2
- E9D1CB
- F4E8E5
Koyu tonlar
- 6E1600
- 5D1100
- 4D0C00
- 3D0800
- 2E0500
- 1F0200
- 120100
- 060000
- 010000
Gri tonlar
- 822915
- 833523
- 844030
- 854A3C
- 855347
- 855D53
- 85665E
- 846F69
- 827775
Renk uyumları
Tamamlayıcı +180°
- 801B00
Buried Lust
- 004F5D
≈ Kali Blue
Analog -30° +30°
- 801B00
Buried Lust
- 7D153C
≈ Inescapable Lover
- 663A00
≈ Brown
Üçlü +120° +240°
- 801B00
Buried Lust
- 00552D
≈ Lemon Balm Green
- 32398F
≈ Liquid Denim
Bölünmüş tamamlayıcı +150° +210°
- 801B00
Buried Lust
- 00524A
≈ Green Oblivion
- 004A76
≈ Blue Meridian
Dörtlü +90° +180° +270°
- 801B00
Buried Lust
- 3B4E00
≈ Godzilla
- 004F5D
≈ Kali Blue
- 572B81
≈ Regalia
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.12:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.07:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 10.12:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--buried-lust: #801b00;
--buried-lust-rgb: 128 27 0;
--buried-lust-oklch: oklch(0.393 0.14 34.5);
}
.element {
color: var(--buried-lust);
background-color: hsl(13 100% 25%);
border-color: oklch(0.393 0.14 34.5);
}Tailwind CSS v4
@theme {
--color-buried-lust: #801b00;
--color-buried-lust-50: #ffe8da;
--color-buried-lust-100: #ffd8c8;
--color-buried-lust-200: #ffc0ab;
--color-buried-lust-300: #f59d85;
--color-buried-lust-400: #e47d65;
--color-buried-lust-500: #d25d42;
--color-buried-lust-600: #b15039;
--color-buried-lust-700: #8e402d;
--color-buried-lust-800: #6a2d21;
--color-buried-lust-900: #4b1e16;
--color-buried-lust-950: #310e07;
}SCSS
$buried-lust: #801b00;
$buried-lust-rgb: 128, 27, 0;
$buried-lust-light: mix(#fff, $buried-lust, 20%);
$buried-lust-dark: mix(#000, $buried-lust, 20%);
.element {
color: $buried-lust;
box-shadow: 0 0 0 2px rgba($buried-lust, 0.35);
}