Colore con nome · #004488
Pacific Depths
Pacific Depths è #004488: rgb(0 68 136), hsl(210 100% 27%), oklch(0.392 0.129 254.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Pacific Depths color name →
#004488
oklch(0.392 0.129 254.9)
Conversioni di colore
- HEX
- #004488
- RGB
- rgb(0 68 136)
- HSL
- hsl(210 100% 27%)
- HWB
- hwb(210 0% 47%)
- OKLCH
- oklch(0.392 0.129 254.9)
- OKLab
- oklab(0.392 -0.034 -0.124)
- CIE Lab
- lab(28.48 3.62 -44.03)
- LCH
- lch(28.48 44.18 274.7)
- CMYK
- cmyk(100% 50% 0% 47%)
Tinte · Ombre · Toni
Tinte
- 225695
- 3B69A1
- 537BAD
- 6B8DB9
- 82A0C5
- 9BB2D1
- B3C5DD
- CCD8E8
- E5ECF4
Ombre
- 003A75
- 003063
- 002652
- 001D41
- 001431
- 000C22
- 000513
- 000206
- 000001
Toni
- 164B88
- 255188
- 325888
- 3D5E87
- 496486
- 546A86
- 5F6F84
- 6A7583
- 757B82
Armonie di colore
Complementare +180°
- 004488
Pacific Depths
- 5F3E00
≈ Hippogriff Brown
Analogo -30° +30°
- 004488
Pacific Depths
- 004D63
≈ Raging Thunderstorm
- 413686
≈ Majestic Eggplant
Triadico +120° +240°
- 004488
Pacific Depths
- 7B1D2F
≈ Amaranth Blossom
- 285200
≈ Patch of Land
Complementare divisa +150° +210°
- 004488
Pacific Depths
- 742C00
≈ Chestnut
- 4D4700
≈ Sugarloaf Brown
Tetradico +90° +180° +270°
- 004488
Pacific Depths
- 722055
≈ Forest Fruit Red
- 5F3E00
≈ Hippogriff Brown
- 00533A
≈ Trapper Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.62:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.18:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.62:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--pacific-depths: #004488;
--pacific-depths-rgb: 0 68 136;
--pacific-depths-oklch: oklch(0.392 0.129 254.9);
}
.element {
color: var(--pacific-depths);
background-color: hsl(210 100% 27%);
border-color: oklch(0.392 0.129 254.9);
}Tailwind CSS v4
@theme {
--color-pacific-depths: #004488;
--color-pacific-depths-50: #def7ff;
--color-pacific-depths-100: #cdeaff;
--color-pacific-depths-200: #b1d7ff;
--color-pacific-depths-300: #8dbaf9;
--color-pacific-depths-400: #68a1e9;
--color-pacific-depths-500: #4587d9;
--color-pacific-depths-600: #3b73b7;
--color-pacific-depths-700: #2f5c93;
--color-pacific-depths-800: #1e446d;
--color-pacific-depths-900: #142f4d;
--color-pacific-depths-950: #051b33;
}SCSS
$pacific-depths: #004488;
$pacific-depths-rgb: 0, 68, 136;
$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);
}