Nazwany kolor · #243062
Underwater Realm
Underwater Realm to #243062: rgb(36 48 98), hsl(228 46% 26%), oklch(0.328 0.089 270.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Underwater Realm color name →
#243062
oklch(0.328 0.089 270.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 364371
- 495681
- 5E6A90
- 737EA0
- 8992B0
- 9FA7BF
- B6BDCF
- CED2DF
- E6E9EF
Odcienie ciemniejsze
- 1E2854
- 182147
- 121A3A
- 0C132D
- 070C21
- 040616
- 02030B
- 000103
- 000000
Tony
- 2C3866
- 354069
- 3D486C
- 465070
- 4F5873
- 596076
- 626878
- 6C707B
- 76787E
Harmonie kolorów
Komplementarna +180°
- 243062
Underwater Realm
- 423300
≈ Night in the Woods
Analogowa -30° +30°
- 243062
Underwater Realm
- 003957
≈ Gibraltar Sea
- 3D285B
≈ Parachute Purple
Triada +120° +240°
- 243062
Underwater Realm
- 5A1F16
≈ Red Oxide
- 00411B
≈ Deep Pond
Komplementarna rozszczepiona +150° +210°
- 243062
Underwater Realm
- 502A00
≈ Stirland Mud
- 2F3A00
≈ Dark Olive
Tetrada +90° +180° +270°
- 243062
Underwater Realm
- 571D32
≈ Drops of God
- 423300
≈ Night in the Woods
- 003E36
≈ Botanical Night
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.54:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.67:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.54:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
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);
}