Colore con nome · #243062
Underwater Realm
Underwater Realm è #243062: rgb(36 48 98), hsl(228 46% 26%), oklch(0.328 0.089 270.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Underwater Realm color name →
#243062
oklch(0.328 0.089 270.6)
Conversioni di colore
- HEX
- #243062
- RGB
- rgb(36 48 98)
- HSL
- hsl(228 46% 26%)
- HWB
- hwb(228 14% 62%)
- OKLCH
- oklch(0.328 0.089 270.6)
- OKLab
- oklab(0.328 0.001 -0.089)
- CIE Lab
- lab(21.03 8.37 -31.84)
- LCH
- lch(21.03 32.92 284.7)
- CMYK
- cmyk(63% 51% 0% 62%)
Tinte · Ombre · Toni
Tinte
- 364371
- 495681
- 5E6A90
- 737EA0
- 8992B0
- 9FA7BF
- B6BDCF
- CED2DF
- E6E9EF
Ombre
- 1E2854
- 182147
- 121A3A
- 0C132D
- 070C21
- 040616
- 02030B
- 000103
- 000000
Toni
- 2C3866
- 354069
- 3D486C
- 465070
- 4F5873
- 596076
- 626878
- 6C707B
- 76787E
Armonie di colore
Complementare +180°
- 243062
Underwater Realm
- 423300
≈ Night in the Woods
Analogo -30° +30°
- 243062
Underwater Realm
- 003957
≈ Gibraltar Sea
- 3D285B
≈ Parachute Purple
Triadico +120° +240°
- 243062
Underwater Realm
- 5A1F16
≈ Red Oxide
- 00411B
≈ Deep Pond
Complementare divisa +150° +210°
- 243062
Underwater Realm
- 502A00
≈ Stirland Mud
- 2F3A00
≈ Dark Olive
Tetradico +90° +180° +270°
- 243062
Underwater Realm
- 571D32
≈ Drops of God
- 423300
≈ Night in the Woods
- 003E36
≈ Botanical Night
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.54:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.67:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.54:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--underwater-realm: #243062;
--underwater-realm-rgb: 36 48 98;
--underwater-realm-oklch: oklch(0.328 0.089 270.6);
}
.element {
color: var(--underwater-realm);
background-color: hsl(228 46% 26%);
border-color: oklch(0.328 0.089 270.6);
}Tailwind CSS v4
@theme {
--color-underwater-realm: #243062;
--color-underwater-realm-50: #ecf4ff;
--color-underwater-realm-100: #dde7ff;
--color-underwater-realm-200: #c7d3fb;
--color-underwater-realm-300: #a8b5e6;
--color-underwater-realm-400: #8a9cd4;
--color-underwater-realm-500: #7083c2;
--color-underwater-realm-600: #5f6fa3;
--color-underwater-realm-700: #4c5883;
--color-underwater-realm-800: #354162;
--color-underwater-realm-900: #242d44;
--color-underwater-realm-950: #131a2c;
}SCSS
$underwater-realm: #243062;
$underwater-realm-rgb: 36, 48, 98;
$underwater-realm-light: mix(#fff, $underwater-realm, 20%);
$underwater-realm-dark: mix(#000, $underwater-realm, 20%);
.element {
color: $underwater-realm;
box-shadow: 0 0 0 2px rgba($underwater-realm, 0.35);
}