Nazwany kolor · #0E426F
Epic Adventure
Epic Adventure to #0E426F: rgb(14 66 111), hsl(208 78% 25%), oklch(0.371 0.093 249.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Epic Adventure color name →
#0E426F
oklch(0.371 0.093 249.7)
Konwersje koloru
- HEX
- #0e426f
- RGB
- rgb(14 66 111)
- HSL
- hsl(208 78% 25%)
- HWB
- hwb(208 5% 56%)
- OKLCH
- oklch(0.371 0.093 249.7)
- OKLab
- oklab(0.371 -0.032 -0.088)
- CIE Lab
- lab(26.64 -2.93 -31.33)
- LCH
- lch(26.64 31.46 264.7)
- CMYK
- cmyk(87% 41% 0% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 29547D
- 40668B
- 57789A
- 6D8AA8
- 849DB6
- 9CB0C5
- B4C3D3
- CDD7E2
- E6EBF0
Odcienie ciemniejsze
- 0B3860
- 072F51
- 052542
- 031C34
- 021427
- 010B1A
- 00050E
- 000104
- 000001
Tony
- 1D4871
- 2A4F73
- 355575
- 405B77
- 4B6279
- 56687B
- 606E7C
- 6B747E
- 757A7F
Harmonie kolorów
Komplementarna +180°
- 0E426F
Epic Adventure
- 5B3700
≈ Chocolate Fantasies
Analogowa -30° +30°
- 0E426F
Epic Adventure
- 004859
≈ Sultan’s Silk
- 373970
≈ American Blue
Triada +120° +240°
- 0E426F
Epic Adventure
- 682735
≈ Siren
- 2F4908
≈ Treetop Cathedral
Komplementarna rozszczepiona +150° +210°
- 0E426F
Epic Adventure
- 682B15
≈ Moussaka
- 4A4000
≈ Xanthophobia
Tetrada +90° +180° +270°
- 0E426F
Epic Adventure
- 5F2A50
≈ Japanese Violet
- 5B3700
≈ Chocolate Fantasies
- 004D30
≈ Troll Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.35:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 2.02:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.35:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--epic-adventure: #0e426f;
--epic-adventure-rgb: 14 66 111;
--epic-adventure-oklch: oklch(0.371 0.093 249.7);
}
.element {
color: var(--epic-adventure);
background-color: hsl(208 78% 25%);
border-color: oklch(0.371 0.093 249.7);
}Tailwind CSS v4
@theme {
--color-epic-adventure: #0e426f;
--color-epic-adventure-50: #e2f8ff;
--color-epic-adventure-100: #d2ebff;
--color-epic-adventure-200: #b8d8fc;
--color-epic-adventure-300: #95bbe6;
--color-epic-adventure-400: #73a3d4;
--color-epic-adventure-500: #538ac2;
--color-epic-adventure-600: #4775a3;
--color-epic-adventure-700: #385e83;
--color-epic-adventure-800: #264561;
--color-epic-adventure-900: #1a3044;
--color-epic-adventure-950: #0a1c2c;
}SCSS
$epic-adventure: #0e426f;
$epic-adventure-rgb: 14, 66, 111;
$epic-adventure-light: mix(#fff, $epic-adventure, 20%);
$epic-adventure-dark: mix(#000, $epic-adventure, 20%);
.element {
color: $epic-adventure;
box-shadow: 0 0 0 2px rgba($epic-adventure, 0.35);
}