En yakın adlandırılmış renk · #1D3447
#1D3447
En yakın adlandırılmış renk: Blue Whale
#1D3447 (rgb(29 52 71), hsl(207 42% 20%), oklch(0.315 0.045 244.8)) en çok Blue Whale 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.
#1D3447
oklch(0.315 0.045 244.8)
Renk dönüşümleri
- HEX
- #1d3447
- RGB
- rgb(29 52 71)
- HSL
- hsl(207 42% 20%)
- HWB
- hwb(207 11% 72%)
- OKLCH
- oklch(0.315 0.045 244.8)
- OKLab
- oklab(0.315 -0.019 -0.041)
- CIE Lab
- lab(20.51 -4.41 -14.82)
- LCH
- lch(20.51 15.46 253.4)
- CMYK
- cmyk(59% 27% 0% 72%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 314658
- 455869
- 5A6B7A
- 707F8C
- 86939F
- 9EA8B1
- B5BDC4
- CDD3D8
- E6E9EB
Koyu tonlar
- 182C3D
- 132432
- 0E1C28
- 09151F
- 050E16
- 03070D
- 010306
- 000102
- 000000
Gri tonlar
- 273B4D
- 304352
- 3A4A58
- 43515E
- 4D5963
- 576169
- 61686F
- 6B7074
- 76787A
Renk uyumları
Tamamlayıcı +180°
- 1D3447
Blue Whale
- 412D18
≈ Subterranean
Analog -30° +30°
- 1D3447
Blue Whale
- 113740
≈ Firmament Blue
- 2B3049
≈ Ahoy
Üçlü +120° +240°
- 1D3447
Blue Whale
- 45282F
≈ Wine Tasting
- 2C361C
≈ Olivenite
Bölünmüş tamamlayıcı +150° +210°
- 1D3447
Blue Whale
- 462922
≈ Polished Mahogany
- 393115
≈ Pullman Green
Dörtlü +90° +180° +270°
- 1D3447
Blue Whale
- 40293B
≈ Rare Wine
- 412D18
≈ Subterranean
- 1E3827
≈ Deep Fir
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.84:1 · APCA Lc 99
Ag
FailSiyah üzerinde
WCAG 1.63:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.84:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--blue-whale: #1d3447;
--blue-whale-rgb: 29 52 71;
--blue-whale-oklch: oklch(0.315 0.045 244.8);
}
.element {
color: var(--blue-whale);
background-color: hsl(207 42% 20%);
border-color: oklch(0.315 0.045 244.8);
}Tailwind CSS v4
@theme {
--color-blue-whale: #1d3447;
--color-blue-whale-50: #ebf7ff;
--color-blue-whale-100: #dceaf6;
--color-blue-whale-200: #c5d7e7;
--color-blue-whale-300: #a6bace;
--color-blue-whale-400: #89a2b8;
--color-blue-whale-500: #6d8aa2;
--color-blue-whale-600: #5d7589;
--color-blue-whale-700: #4a5d6e;
--color-blue-whale-800: #354451;
--color-blue-whale-900: #242f38;
--color-blue-whale-950: #131c23;
}SCSS
$blue-whale: #1d3447;
$blue-whale-rgb: 29, 52, 71;
$blue-whale-light: mix(#fff, $blue-whale, 20%);
$blue-whale-dark: mix(#000, $blue-whale, 20%);
.element {
color: $blue-whale;
box-shadow: 0 0 0 2px rgba($blue-whale, 0.35);
}