Adlandırılmış renk · #523839
Droëwors
Droëwors, #523839: rgb(82 56 57), hsl(358 19% 27%), oklch(0.371 0.037 16.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Droëwors color name →
#523839
oklch(0.371 0.037 16.5)
Renk dönüşümleri
- HEX
- #523839
- RGB
- rgb(82 56 57)
- HSL
- hsl(358 19% 27%)
- HWB
- hwb(358 22% 68%)
- OKLCH
- oklch(0.371 0.037 16.5)
- OKLab
- oklab(0.371 0.036 0.011)
- CIE Lab
- lab(26.62 12.05 4.25)
- LCH
- lch(26.62 12.78 19.4)
- CMYK
- cmyk(0% 32% 30% 68%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 624A4A
- 725C5C
- 836E6F
- 948282
- A59696
- B7AAAA
- C8BFBF
- DAD4D4
- EDE9E9
Koyu tonlar
- 462F30
- 3B2728
- 2F1F1F
- 251717
- 1A0F10
- 110809
- 080404
- 020101
- 000000
Gri tonlar
- 573F40
- 5B4646
- 604D4D
- 655454
- 695B5B
- 6E6262
- 726A6A
- 777171
- 7C7879
Renk uyumları
Tamamlayıcı +180°
- 523839
Droëwors
- 274647
≈ Ai Indigo
Analog -30° +30°
- 523839
Droëwors
- 4F3844
≈ Peacock Purple
- 513A2F
≈ Button Eyes
Üçlü +120° +240°
- 523839
Droëwors
- 374531
≈ Mallardish
- 334154
≈ Dark & Stormy
Bölünmüş tamamlayıcı +150° +210°
- 523839
Droëwors
- 2C463C
≈ Bracken Fern
- 2A444F
≈ Rainstorm
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.58:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.98:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--droewors: #523839;
--droewors-rgb: 82 56 57;
--droewors-oklch: oklch(0.371 0.037 16.5);
}
.element {
color: var(--droewors);
background-color: hsl(358 19% 27%);
border-color: oklch(0.371 0.037 16.5);
}Tailwind CSS v4
@theme {
--color-droewors: #523839;
--color-droewors-50: #fff1f1;
--color-droewors-100: #f4e3e3;
--color-droewors-200: #e4cece;
--color-droewors-300: #cab0b0;
--color-droewors-400: #b49697;
--color-droewors-500: #9e7d7d;
--color-droewors-600: #856a6a;
--color-droewors-700: #6b5455;
--color-droewors-800: #4f3d3e;
--color-droewors-900: #372a2b;
--color-droewors-950: #211818;
}SCSS
$droewors: #523839;
$droewors-rgb: 82, 56, 57;
$droewors-light: mix(#fff, $droewors, 20%);
$droewors-dark: mix(#000, $droewors, 20%);
.element {
color: $droewors;
box-shadow: 0 0 0 2px rgba($droewors, 0.35);
}