En yakın adlandırılmış renk · #0C035B
#0C035B
En yakın adlandırılmış renk: Ravenclaw
#0C035B (rgb(12 3 91), hsl(246 94% 18%), oklch(0.224 0.14 270.9)) en çok Ravenclaw 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.
#0C035B
oklch(0.224 0.14 270.9)
Renk dönüşümleri
- HEX
- #0c035b
- RGB
- rgb(12 3 91)
- HSL
- hsl(246 94% 18%)
- HWB
- hwb(246 1% 64%)
- OKLCH
- oklch(0.224 0.14 270.9)
- OKLab
- oklab(0.224 0.002 -0.14)
- CIE Lab
- lab(7.06 30.55 -50.11)
- LCH
- lch(7.06 58.69 301.4)
- CMYK
- cmyk(87% 97% 0% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1A236C
- 2D3B7D
- 43538E
- 5B6A9E
- 7482AF
- 8E9ABF
- A9B3CF
- C5CCDF
- E2E5EF
Koyu tonlar
- 09024E
- 060241
- 040135
- 030129
- 02001E
- 010013
- 000009
- 000003
- 000000
Gri tonlar
- 121760
- 1B2565
- 253169
- 313D6D
- 3D4871
- 495475
- 575F78
- 646A7B
- 72757E
Renk uyumları
Tamamlayıcı +180°
- 0C035B
Ravenclaw
- 241A00
≈ Cannon Black
Analog -30° +30°
- 0C035B
Ravenclaw
- 001E31
≈ Cyanophobia
- 270048
≈ Your Darkness
Üçlü +120° +240°
- 0C035B
Ravenclaw
- 3B0200
≈ Biltong
- 00230C
≈ Clock Chimes Thirteen
Bölünmüş tamamlayıcı +150° +210°
- 0C035B
Ravenclaw
- 2D1500
≈ Shadow Play
- 181F00
≈ Yuzu Soy
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 17.80:1 · APCA Lc 103
Ag
FailSiyah üzerinde
WCAG 1.17:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 17.80:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
CSS
:root {
--ravenclaw: #0c035b;
--ravenclaw-rgb: 12 3 91;
--ravenclaw-oklch: oklch(0.224 0.14 270.9);
}
.element {
color: var(--ravenclaw);
background-color: hsl(246 94% 18%);
border-color: oklch(0.224 0.14 270.9);
}Tailwind CSS v4
@theme {
--color-ravenclaw: #0c035b;
--color-ravenclaw-50: #e7f3ff;
--color-ravenclaw-100: #d8e6ff;
--color-ravenclaw-200: #c0d1ff;
--color-ravenclaw-300: #9fb3ff;
--color-ravenclaw-400: #8098f1;
--color-ravenclaw-500: #647de2;
--color-ravenclaw-600: #556abf;
--color-ravenclaw-700: #445599;
--color-ravenclaw-800: #2e3f73;
--color-ravenclaw-900: #1f2b51;
--color-ravenclaw-950: #0f1836;
}SCSS
$ravenclaw: #0c035b;
$ravenclaw-rgb: 12, 3, 91;
$ravenclaw-light: mix(#fff, $ravenclaw, 20%);
$ravenclaw-dark: mix(#000, $ravenclaw, 20%);
.element {
color: $ravenclaw;
box-shadow: 0 0 0 2px rgba($ravenclaw, 0.35);
}