Warna bernama terdekat · #63233A
#63233A
Warna bernama terdekat: Siren
#63233A (rgb(99 35 58), hsl(338 48% 26%), oklch(0.359 0.096 0.8)) paling mendekati warna bernama Siren. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#63233A
oklch(0.359 0.096 0.8)
Konversi warna
- HEX
- #63233a
- RGB
- rgb(99 35 58)
- HSL
- hsl(338 48% 26%)
- HWB
- hwb(338 14% 61%)
- OKLCH
- oklch(0.359 0.096 0.8)
- OKLab
- oklab(0.359 0.096 0.001)
- CIE Lab
- lab(24.44 31.17 0.93)
- LCH
- lch(24.44 31.19 1.7)
- CMYK
- cmyk(0% 65% 41% 61%)
Tint · Shade · Tone
Tint
- 73384B
- 834D5D
- 936170
- A37783
- B28C96
- C2A2AA
- D1B9BF
- E0D0D4
- F0E7E9
Shade
- 551D31
- 471728
- 3A1120
- 2E0C18
- 210710
- 160409
- 0B0104
- 030001
- 000000
Tone
- 672D41
- 6B3747
- 6E404E
- 724955
- 75525C
- 775B63
- 7A646A
- 7C6E71
- 7E7779
Harmoni warna
Komplementer +180°
- 63233A
Siren
- 00483F
≈ Tropical Forest
Analog -30° +30°
- 63233A
Siren
- 582754
≈ Kuwanomi Purple
- 66251B
≈ Azuki Red
Triadik +120° +240°
- 63233A
Siren
- 374300
≈ Garden Shadow
- 004164
≈ Lush Aqua
Split-komplementer +150° +210°
- 63233A
Siren
- 024A20
≈ Pine Green
- 00454F
≈ Crab Nebula
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 11.46:1 · APCA Lc 96
Ag
FailDi atas hitam
WCAG 1.83:1 · APCA Lc 0
Warna teks terbaik: #FFFFFF
WCAG 11.46:1 (AAA) · APCA Lc 96
Contrast pairs
Cuplikan kode
CSS
:root {
--siren: #63233a;
--siren-rgb: 99 35 58;
--siren-oklch: oklch(0.359 0.096 0.8);
}
.element {
color: var(--siren);
background-color: hsl(338 48% 26%);
border-color: oklch(0.359 0.096 0.8);
}Tailwind CSS v4
@theme {
--color-siren: #63233a;
--color-siren-50: #ffeaf2;
--color-siren-100: #ffdbe5;
--color-siren-200: #f9c4d0;
--color-siren-300: #e2a3b3;
--color-siren-400: #ce869b;
--color-siren-500: #ba6a83;
--color-siren-600: #9d5a6f;
--color-siren-700: #7e4858;
--color-siren-800: #5d3442;
--color-siren-900: #41232d;
--color-siren-950: #2a121a;
}SCSS
$siren: #63233a;
$siren-rgb: 99, 35, 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);
}