En yakın adlandırılmış renk · #252B52
#252B52
En yakın adlandırılmış renk: Space Cadet
#252B52 (rgb(37 43 82), hsl(232 38% 23%), oklch(0.305 0.07 274.9)) en çok Space Cadet 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.
#252B52
oklch(0.305 0.07 274.9)
Renk dönüşümleri
- HEX
- #252b52
- RGB
- rgb(37 43 82)
- HSL
- hsl(232 38% 23%)
- HWB
- hwb(232 15% 68%)
- OKLCH
- oklch(0.305 0.07 274.9)
- OKLab
- oklab(0.305 0.006 -0.07)
- CIE Lab
- lab(18.61 7.12 -25.12)
- LCH
- lch(18.61 26.11 285.8)
- CMYK
- cmyk(55% 48% 0% 68%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 373E62
- 4A5173
- 5E6584
- 737A95
- 898FA6
- A0A4B7
- B7BAC9
- CED1DB
- E6E8ED
Koyu tonlar
- 1F2446
- 191D3B
- 13162F
- 0D1025
- 080A1A
- 040511
- 020208
- 000102
- 000000
Gri tonlar
- 2D3357
- 353C5C
- 3E4461
- 474C65
- 50556A
- 595D6E
- 636673
- 6C6E77
- 76777C
Renk uyumları
Tamamlayıcı +180°
- 252B52
Space Cadet
- 392E00
≈ Hidden Passage
Analog -30° +30°
- 252B52
Space Cadet
- 063250
≈ Beyond the Stars
- 37254B
≈ Operetta Mauve
Üçlü +120° +240°
- 252B52
Space Cadet
- 4C2015
≈ Tobi Brown
- 06391F
≈ Off-Road Green
Bölünmüş tamamlayıcı +150° +210°
- 252B52
Space Cadet
- 462600
≈ Ibex Brown
- 273506
≈ Blind Forest
Dörtlü +90° +180° +270°
- 252B52
Space Cadet
- 4B1E2A
≈ Dark Mahogany
- 392E00
≈ Hidden Passage
- 003832
≈ Night Turquoise
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.58:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.54:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.58:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--space-cadet: #252b52;
--space-cadet-rgb: 37 43 82;
--space-cadet-oklch: oklch(0.305 0.07 274.9);
}
.element {
color: var(--space-cadet);
background-color: hsl(232 38% 23%);
border-color: oklch(0.305 0.07 274.9);
}Tailwind CSS v4
@theme {
--color-space-cadet: #252b52;
--color-space-cadet-50: #eff4ff;
--color-space-cadet-100: #e1e6ff;
--color-space-cadet-200: #ccd2f3;
--color-space-cadet-300: #aeb5dc;
--color-space-cadet-400: #929cc9;
--color-space-cadet-500: #7883b5;
--color-space-cadet-600: #666f99;
--color-space-cadet-700: #51587b;
--color-space-cadet-800: #3a415b;
--color-space-cadet-900: #282d40;
--color-space-cadet-950: #161a29;
}SCSS
$space-cadet: #252b52;
$space-cadet-rgb: 37, 43, 82;
$space-cadet-light: mix(#fff, $space-cadet, 20%);
$space-cadet-dark: mix(#000, $space-cadet, 20%);
.element {
color: $space-cadet;
box-shadow: 0 0 0 2px rgba($space-cadet, 0.35);
}