Warna bernama terdekat · #433C6E
#433C6E
Warna bernama terdekat: Meteorite
#433C6E (rgb(67 60 110), hsl(248 29% 33%), oklch(0.388 0.083 288.3)) paling mendekati warna bernama Meteorite. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#433C6E
oklch(0.388 0.083 288.3)
Konversi warna
- HEX
- #433c6e
- RGB
- rgb(67 60 110)
- HSL
- hsl(248 29% 33%)
- HWB
- hwb(248 24% 57%)
- OKLCH
- oklch(0.388 0.083 288.3)
- OKLab
- oklab(0.388 0.026 -0.079)
- CIE Lab
- lab(27.94 13.26 -28.4)
- LCH
- lch(27.94 31.34 295)
- CMYK
- cmyk(39% 45% 0% 57%)
Tint · Shade · Tone
Tint
- 534E7C
- 64608A
- 767399
- 8886A7
- 9B99B6
- AEADC4
- C2C1D3
- D6D5E1
- EAEAF0
Shade
- 39335F
- 2F2A50
- 262141
- 1D1933
- 141126
- 0C0A19
- 05040E
- 010104
- 000001
Tone
- 494370
- 4E4A72
- 545174
- 5A5776
- 605E78
- 66657A
- 6D6C7C
- 73727D
- 79797F
Harmoni warna
Komplementer +180°
- 433C6E
Meteorite
- 494701
≈ Alligator Gladiator
Analog -30° +30°
- 433C6E
Meteorite
- 274470
≈ Blue Funk
- 573561
≈ Damson Mauve
Triadik +120° +240°
- 433C6E
Meteorite
- 673518
≈ Meatloaf
- 00513D
≈ Raspberry Leaf Green
Split-komplementer +150° +210°
- 433C6E
Meteorite
- 5C3E00
≈ Hippogriff Brown
- 2C4F20
≈ Chestnut Green
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.95:1 · APCA Lc 93
Ag
FailDi atas hitam
WCAG 2.11:1 · APCA Lc 9
Warna teks terbaik: #FFFFFF
WCAG 9.95:1 (AAA) · APCA Lc 93
Contrast pairs
Cuplikan kode
CSS
:root {
--meteorite: #433c6e;
--meteorite-rgb: 67 60 110;
--meteorite-oklch: oklch(0.388 0.083 288.3);
}
.element {
color: var(--meteorite);
background-color: hsl(248 29% 33%);
border-color: oklch(0.388 0.083 288.3);
}Tailwind CSS v4
@theme {
--color-meteorite: #433c6e;
--color-meteorite-50: #f4f2ff;
--color-meteorite-100: #e7e4ff;
--color-meteorite-200: #d3cff6;
--color-meteorite-300: #b6b1e0;
--color-meteorite-400: #9c97cd;
--color-meteorite-500: #847dba;
--color-meteorite-600: #6f6a9d;
--color-meteorite-700: #59557e;
--color-meteorite-800: #403e5e;
--color-meteorite-900: #2c2b42;
--color-meteorite-950: #19182a;
}SCSS
$meteorite: #433c6e;
$meteorite-rgb: 67, 60, 110;
$meteorite-light: mix(#fff, $meteorite, 20%);
$meteorite-dark: mix(#000, $meteorite, 20%);
.element {
color: $meteorite;
box-shadow: 0 0 0 2px rgba($meteorite, 0.35);
}