En yakın adlandırılmış renk · #454F6D
#454F6D
En yakın adlandırılmış renk: Intergalactic
#454F6D (rgb(69 79 109), hsl(225 22% 35%), oklch(0.432 0.052 269.9)) en çok Intergalactic 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.
#454F6D
oklch(0.432 0.052 269.9)
Renk dönüşümleri
- HEX
- #454f6d
- RGB
- rgb(69 79 109)
- HSL
- hsl(225 22% 35%)
- HWB
- hwb(225 27% 57%)
- OKLCH
- oklch(0.432 0.052 269.9)
- OKLab
- oklab(0.432 0 -0.052)
- CIE Lab
- lab(33.68 2.04 -18.82)
- LCH
- lch(33.68 18.93 276.2)
- CMYK
- cmyk(37% 28% 0% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 565F7B
- 676F89
- 788097
- 8A91A5
- 9DA3B4
- B0B5C3
- C3C7D2
- D7D9E1
- EBECF0
Koyu tonlar
- 3B445E
- 31384F
- 272E41
- 1E2333
- 151926
- 0C1019
- 05070D
- 020204
- 000001
Gri tonlar
- 4B546F
- 505971
- 565E73
- 5C6275
- 626777
- 686C79
- 6E717B
- 74767D
- 7A7B7E
Renk uyumları
Tamamlayıcı +180°
- 454F6D
Intergalactic
- 5B4F2E
≈ West Coast
Analog -30° +30°
- 454F6D
Intergalactic
- 35546A
≈ America’s Cup
- 544A69
≈ Darlak
Üçlü +120° +240°
- 454F6D
Intergalactic
- 6A463F
≈ Deep Cherrywood
- 3B5841
≈ O’Neal Green
Bölünmüş tamamlayıcı +150° +210°
- 454F6D
Intergalactic
- 654A33
≈ Black Power
- 4C5534
≈ Chive
Dörtlü +90° +180° +270°
- 454F6D
Intergalactic
- 68444F
≈ Wine Stain
- 5B4F2E
≈ West Coast
- 2D5A51
≈ Holly Leaf
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.10:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.59:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--intergalactic: #454f6d;
--intergalactic-rgb: 69 79 109;
--intergalactic-oklch: oklch(0.432 0.052 269.9);
}
.element {
color: var(--intergalactic);
background-color: hsl(225 22% 35%);
border-color: oklch(0.432 0.052 269.9);
}Tailwind CSS v4
@theme {
--color-intergalactic: #454f6d;
--color-intergalactic-50: #f0f5ff;
--color-intergalactic-100: #e2e7fa;
--color-intergalactic-200: #ccd3eb;
--color-intergalactic-300: #aeb6d3;
--color-intergalactic-400: #929ebe;
--color-intergalactic-500: #7985a9;
--color-intergalactic-600: #66718f;
--color-intergalactic-700: #525a73;
--color-intergalactic-800: #3b4255;
--color-intergalactic-900: #282e3b;
--color-intergalactic-950: #161a25;
}SCSS
$intergalactic: #454f6d;
$intergalactic-rgb: 69, 79, 109;
$intergalactic-light: mix(#fff, $intergalactic, 20%);
$intergalactic-dark: mix(#000, $intergalactic, 20%);
.element {
color: $intergalactic;
box-shadow: 0 0 0 2px rgba($intergalactic, 0.35);
}