En yakın adlandırılmış renk · #692B43
#692B43
En yakın adlandırılmış renk: Siren
#692B43 (rgb(105 43 67), hsl(337 42% 29%), oklch(0.384 0.093 358.1)) 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.
#692B43
oklch(0.384 0.093 358.1)
Renk dönüşümleri
- HEX
- #692b43
- RGB
- rgb(105 43 67)
- HSL
- hsl(337 42% 29%)
- HWB
- hwb(337 17% 59%)
- OKLCH
- oklch(0.384 0.093 358.1)
- OKLab
- oklab(0.384 0.093 -0.003)
- CIE Lab
- lab(27.34 30.29 -0.78)
- LCH
- lch(27.34 30.3 358.5)
- CMYK
- cmyk(0% 59% 36% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 783F54
- 885365
- 976777
- A67B89
- B5909C
- C4A6AF
- D3BBC2
- E1D2D6
- F0E8EA
Koyu tonlar
- 5A2439
- 4C1D2F
- 3E1626
- 31101D
- 240A14
- 18050C
- 0C0205
- 040101
- 000000
Gri tonlar
- 6C3449
- 6F3D4F
- 724555
- 754E5B
- 775661
- 7A5E67
- 7C676D
- 7D6F73
- 7F787A
Renk uyumları
Tamamlayıcı +180°
- 692B43
Siren
- 004F43
≈ Fjord Green
Analog -30° +30°
- 692B43
Siren
- 5D2F5C
≈ Japanese Violet
- 6C2C26
≈ Woody Brown
Üçlü +120° +240°
- 692B43
Siren
- 3F4900
≈ No Emissions Green
- 00496B
≈ Adriatic
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.35:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.02:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.35:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--siren: #692b43;
--siren-rgb: 105 43 67;
--siren-oklch: oklch(0.384 0.093 358.1);
}
.element {
color: var(--siren);
background-color: hsl(337 42% 29%);
border-color: oklch(0.384 0.093 358.1);
}Tailwind CSS v4
@theme {
--color-siren: #692b43;
--color-siren-50: #ffebf4;
--color-siren-100: #ffdce6;
--color-siren-200: #f7c4d2;
--color-siren-300: #e0a4b5;
--color-siren-400: #cc879e;
--color-siren-500: #b76b86;
--color-siren-600: #9b5b71;
--color-siren-700: #7c485a;
--color-siren-800: #5c3443;
--color-siren-900: #40242e;
--color-siren-950: #29121b;
}SCSS
$siren: #692b43;
$siren-rgb: 105, 43, 67;
$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);
}