En yakın adlandırılmış renk · #004191
#004191
En yakın adlandırılmış renk: Pacific Depths
#004191 (rgb(0 65 145), hsl(213 100% 28%), oklch(0.393 0.145 257.9)) en çok Pacific Depths 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.
#004191
oklch(0.393 0.145 257.9)
Renk dönüşümleri
- HEX
- #004191
- RGB
- rgb(0 65 145)
- HSL
- hsl(213 100% 28%)
- HWB
- hwb(213 0% 43%)
- OKLCH
- oklch(0.393 0.145 257.9)
- OKLab
- oklab(0.393 -0.03 -0.142)
- CIE Lab
- lab(28.13 8.87 -50.12)
- LCH
- lch(28.13 50.9 280)
- CMYK
- cmyk(100% 55% 0% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 21549D
- 3A67A9
- 527AB4
- 6A8CBF
- 819FCA
- 9AB2D5
- B2C5E0
- CBD8EB
- E5EBF5
Koyu tonlar
- 00377D
- 002E6A
- 002558
- 001C46
- 001335
- 000B25
- 000515
- 000107
- 000001
Gri tonlar
- 154990
- 24508F
- 30568E
- 3C5D8D
- 48638B
- 53698A
- 5E6F88
- 6A7585
- 757A83
Renk uyumları
Tamamlayıcı +180°
- 004191
Pacific Depths
- 5E3F00
≈ Hippogriff Brown
Analog -30° +30°
- 004191
Pacific Depths
- 004D66
≈ Work Blue
- 45318D
≈ Majestic Eggplant
Üçlü +120° +240°
- 004191
Pacific Depths
- 821127
≈ Sweet Cherry Red
- 1E5400
≈ Donegal Green
Bölünmüş tamamlayıcı +150° +210°
- 004191
Pacific Depths
- 722F00
≈ Cold Press Coffee
- 4B4800
≈ No Emissions Green
Dörtlü +90° +180° +270°
- 004191
Pacific Depths
- 781653
≈ Lucky Wine
- 5E3F00
≈ Hippogriff Brown
- 00533D
≈ Trapper Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.69:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.16:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--pacific-depths: #004191;
--pacific-depths-rgb: 0 65 145;
--pacific-depths-oklch: oklch(0.393 0.145 257.9);
}
.element {
color: var(--pacific-depths);
background-color: hsl(213 100% 28%);
border-color: oklch(0.393 0.145 257.9);
}Tailwind CSS v4
@theme {
--color-pacific-depths: #004191;
--color-pacific-depths-50: #ddf7ff;
--color-pacific-depths-100: #cceaff;
--color-pacific-depths-200: #b0d6ff;
--color-pacific-depths-300: #8bb8ff;
--color-pacific-depths-400: #669ff3;
--color-pacific-depths-500: #4385e4;
--color-pacific-depths-600: #3a71c0;
--color-pacific-depths-700: #2e5a9b;
--color-pacific-depths-800: #1c4273;
--color-pacific-depths-900: #132e51;
--color-pacific-depths-950: #051a36;
}SCSS
$pacific-depths: #004191;
$pacific-depths-rgb: 0, 65, 145;
$pacific-depths-light: mix(#fff, $pacific-depths, 20%);
$pacific-depths-dark: mix(#000, $pacific-depths, 20%);
.element {
color: $pacific-depths;
box-shadow: 0 0 0 2px rgba($pacific-depths, 0.35);
}