En yakın adlandırılmış renk · #474B9C
#474B9C
En yakın adlandırılmış renk: Galaxy Express
#474B9C (rgb(71 75 156), hsl(237 37% 45%), oklch(0.453 0.129 277.8)) en çok Galaxy Express 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.
#474B9C
oklch(0.453 0.129 277.8)
Renk dönüşümleri
- HEX
- #474b9c
- RGB
- rgb(71 75 156)
- HSL
- hsl(237 37% 45%)
- HWB
- hwb(237 28% 39%)
- OKLCH
- oklch(0.453 0.129 277.8)
- OKLab
- oklab(0.453 0.017 -0.128)
- CIE Lab
- lab(34.93 17.07 -45.65)
- LCH
- lch(34.93 48.73 290.5)
- CMYK
- cmyk(54% 52% 0% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 575DA7
- 676EB1
- 7880BB
- 8A91C6
- 9CA3D0
- AFB5D9
- C3C7E3
- D6DAEC
- EBECF6
Koyu tonlar
- 3D4087
- 323573
- 282B5F
- 1F214C
- 161739
- 0D0E28
- 060618
- 020209
- 000001
Gri tonlar
- 4C519A
- 515798
- 565D95
- 5C6293
- 626790
- 676C8D
- 6D718A
- 747687
- 7A7B84
Renk uyumları
Tamamlayıcı +180°
- 474B9C
Galaxy Express
- 645600
≈ Ayahuasca Vine
Analog -30° +30°
- 474B9C
Galaxy Express
- 005995
≈ Bandana
- 6A3E8D
≈ Sweet Flag
Üçlü +120° +240°
- 474B9C
Galaxy Express
- 8F3517
≈ Bengala Red
- 00673E
≈ Celtic Clover
Bölünmüş tamamlayıcı +150° +210°
- 474B9C
Galaxy Express
- 7A4A00
≈ Lucky Brown
- 436100
≈ Rainforest Matcha
Dörtlü +90° +180° +270°
- 474B9C
Galaxy Express
- 8E2F49
≈ Scarlet Apple
- 645600
≈ Ayahuasca Vine
- 00645E
≈ Emerald Stone
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.62:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.75:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--galaxy-express: #474b9c;
--galaxy-express-rgb: 71 75 156;
--galaxy-express-oklch: oklch(0.453 0.129 277.8);
}
.element {
color: var(--galaxy-express);
background-color: hsl(237 37% 45%);
border-color: oklch(0.453 0.129 277.8);
}Tailwind CSS v4
@theme {
--color-galaxy-express: #474b9c;
--color-galaxy-express-50: #edf2ff;
--color-galaxy-express-100: #dee4ff;
--color-galaxy-express-200: #c9cfff;
--color-galaxy-express-300: #aab0f9;
--color-galaxy-express-400: #8d96ea;
--color-galaxy-express-500: #737bda;
--color-galaxy-express-600: #6168b8;
--color-galaxy-express-700: #4e5394;
--color-galaxy-express-800: #363d6e;
--color-galaxy-express-900: #252a4e;
--color-galaxy-express-950: #141734;
}SCSS
$galaxy-express: #474b9c;
$galaxy-express-rgb: 71, 75, 156;
$galaxy-express-light: mix(#fff, $galaxy-express, 20%);
$galaxy-express-dark: mix(#000, $galaxy-express, 20%);
.element {
color: $galaxy-express;
box-shadow: 0 0 0 2px rgba($galaxy-express, 0.35);
}