En yakın adlandırılmış renk · #282BAB
#282BAB
En yakın adlandırılmış renk: Sapphire Splendour
#282BAB (rgb(40 43 171), hsl(239 62% 41%), oklch(0.389 0.196 271.7)) en çok Sapphire Splendour 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.
#282BAB
oklch(0.389 0.196 271.7)
Renk dönüşümleri
- HEX
- #282bab
- RGB
- rgb(40 43 171)
- HSL
- hsl(239 62% 41%)
- HWB
- hwb(239 16% 33%)
- OKLCH
- oklch(0.389 0.196 271.7)
- OKLab
- oklab(0.389 0.006 -0.196)
- CIE Lab
- lab(25.78 35.06 -69.66)
- LCH
- lch(25.78 77.99 296.7)
- CMYK
- cmyk(77% 75% 0% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3745B5
- 485BBF
- 5C70C9
- 7185D2
- 8799DA
- 9EADE2
- B5C2EA
- CDD6F2
- E6EAF9
Koyu tonlar
- 212494
- 1B1D7E
- 151668
- 0F1054
- 090A40
- 04052D
- 02021B
- 01010B
- 000001
Gri tonlar
- 2E38A8
- 3443A5
- 3C4DA1
- 45559D
- 4E5D99
- 586595
- 616C91
- 6B738B
- 767A86
Renk uyumları
Tamamlayıcı +180°
- 282BAB
Sapphire Splendour
- 544300
≈ Sugarloaf Brown
Analog -30° +30°
- 282BAB
Sapphire Splendour
- 004971
≈ Broadwater Blue
- 5B0D99
≈ Amarklor Violet
Üçlü +120° +240°
- 282BAB
Sapphire Splendour
- 821100
≈ Indian Red
- 005427
≈ Lemon Balm Green
Bölünmüş tamamlayıcı +150° +210°
- 282BAB
Sapphire Splendour
- 663800
≈ Brown
- 3D4C00
≈ Godzilla
Dörtlü +90° +180° +270°
- 282BAB
Sapphire Splendour
- 81003F
≈ Wine
- 544300
≈ Sugarloaf Brown
- 005147
≈ Green Oblivion
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.37:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.02:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--sapphire-splendour: #282bab;
--sapphire-splendour-rgb: 40 43 171;
--sapphire-splendour-oklch: oklch(0.389 0.196 271.7);
}
.element {
color: var(--sapphire-splendour);
background-color: hsl(239 62% 41%);
border-color: oklch(0.389 0.196 271.7);
}Tailwind CSS v4
@theme {
--color-sapphire-splendour: #282bab;
--color-sapphire-splendour-50: #e3f2ff;
--color-sapphire-splendour-100: #d3e4ff;
--color-sapphire-splendour-200: #baceff;
--color-sapphire-splendour-300: #98aeff;
--color-sapphire-splendour-400: #7792ff;
--color-sapphire-splendour-500: #5c73ff;
--color-sapphire-splendour-600: #4e62dc;
--color-sapphire-splendour-700: #3e4fb1;
--color-sapphire-splendour-800: #293a85;
--color-sapphire-splendour-900: #1b285e;
--color-sapphire-splendour-950: #0c1541;
}SCSS
$sapphire-splendour: #282bab;
$sapphire-splendour-rgb: 40, 43, 171;
$sapphire-splendour-light: mix(#fff, $sapphire-splendour, 20%);
$sapphire-splendour-dark: mix(#000, $sapphire-splendour, 20%);
.element {
color: $sapphire-splendour;
box-shadow: 0 0 0 2px rgba($sapphire-splendour, 0.35);
}