En yakın adlandırılmış renk · #5E2D3A
#5E2D3A
En yakın adlandırılmış renk: Siren
#5E2D3A (rgb(94 45 58), hsl(344 35% 27%), oklch(0.367 0.073 4.5)) en çok Siren 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.
#5E2D3A
oklch(0.367 0.073 4.5)
Renk dönüşümleri
- HEX
- #5e2d3a
- RGB
- rgb(94 45 58)
- HSL
- hsl(344 35% 27%)
- HWB
- hwb(344 18% 63%)
- OKLCH
- oklch(0.367 0.073 4.5)
- OKLab
- oklab(0.367 0.073 0.006)
- CIE Lab
- lab(25.65 23.94 2.51)
- LCH
- lch(25.65 24.07 6)
- CMYK
- cmyk(0% 52% 38% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6E404B
- 7E535D
- 8E6770
- 9E7C83
- AE9096
- BEA6AA
- CEBBBF
- DED2D4
- EFE8E9
Koyu tonlar
- 512631
- 441F28
- 371820
- 2B1118
- 1F0B10
- 140609
- 0A0204
- 030101
- 000000
Gri tonlar
- 623541
- 663E47
- 6A464E
- 6E4E55
- 71565C
- 745E63
- 77676A
- 7A6F71
- 7D7879
Renk uyumları
Tamamlayıcı +180°
- 5E2D3A
Siren
- 004A43
≈ Tropical Forest
Analog -30° +30°
- 5E2D3A
Siren
- 562F4E
≈ Plum Skin
- 5F2F24
≈ Overbaked
Üçlü +120° +240°
- 5E2D3A
Siren
- 364516
≈ Ceylanite
- 174262
≈ Forest Blues
Bölünmüş tamamlayıcı +150° +210°
- 5E2D3A
Siren
- 194A2D
≈ Order Green
- 004754
≈ Midnight Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.98:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.91:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.98:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--siren: #5e2d3a;
--siren-rgb: 94 45 58;
--siren-oklch: oklch(0.367 0.073 4.5);
}
.element {
color: var(--siren);
background-color: hsl(344 35% 27%);
border-color: oklch(0.367 0.073 4.5);
}Tailwind CSS v4
@theme {
--color-siren: #5e2d3a;
--color-siren-50: #ffedf2;
--color-siren-100: #ffdee4;
--color-siren-200: #f1c8cf;
--color-siren-300: #d9a8b1;
--color-siren-400: #c48d99;
--color-siren-500: #af7280;
--color-siren-600: #94606c;
--color-siren-700: #774d57;
--color-siren-800: #583840;
--color-siren-900: #3d262c;
--color-siren-950: #271419;
}SCSS
$siren: #5e2d3a;
$siren-rgb: 94, 45, 58;
$siren-light: mix(#fff, $siren, 20%);
$siren-dark: mix(#000, $siren, 20%);
.element {
color: $siren;
box-shadow: 0 0 0 2px rgba($siren, 0.35);
}