Nazwany kolor · #005477
World Peace
World Peace to #005477: rgb(0 84 119), hsl(198 100% 23%), oklch(0.421 0.09 235.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · World Peace color name →
#005477
oklch(0.421 0.09 235.2)
Konwersje koloru
- HEX
- #005477
- RGB
- rgb(0 84 119)
- HSL
- hsl(198 100% 23%)
- HWB
- hwb(198 0% 53%)
- OKLCH
- oklch(0.421 0.09 235.2)
- OKLab
- oklab(0.421 -0.051 -0.074)
- CIE Lab
- lab(32.86 -11.89 -26.57)
- LCH
- lch(32.86 29.11 245.9)
- CMYK
- cmyk(100% 29% 0% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 276484
- 417492
- 59859F
- 7096AD
- 87A7BA
- 9FB8C8
- B6C9D5
- CEDBE3
- E6EDF1
Odcienie ciemniejsze
- 004867
- 003C57
- 003147
- 002638
- 001B2A
- 00111C
- 000810
- 000205
- 000001
Tony
- 1A5978
- 2A5D79
- 36627B
- 42667C
- 4D6B7D
- 586F7D
- 62737E
- 6C787F
- 767C7F
Harmonie kolorów
Komplementarna +180°
- 005477
World Peace
- 723E15
≈ Peruvian Soil
Analogowa -30° +30°
- 005477
World Peace
- 005860
≈ Entrapment
- 354B7E
≈ Expressionism
Triada +120° +240°
- 005477
World Peace
- 723650
≈ Venusian
- 4C530B
≈ Verdun Green
Komplementarna rozszczepiona +150° +210°
- 005477
World Peace
- 773734
≈ Madder Brown
- 634900
≈ Mud Brown
Tetrada +90° +180° +270°
- 005477
World Peace
- 663B68
≈ Wine Tour
- 723E15
≈ Peruvian Soil
- 295A2D
≈ Pine
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.28:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.53:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--world-peace: #005477;
--world-peace-rgb: 0 84 119;
--world-peace-oklch: oklch(0.421 0.09 235.2);
}
.element {
color: var(--world-peace);
background-color: hsl(198 100% 23%);
border-color: oklch(0.421 0.09 235.2);
}Tailwind CSS v4
@theme {
--color-world-peace: #005477;
--color-world-peace-50: #defaff;
--color-world-peace-100: #cdedff;
--color-world-peace-200: #b1dbf6;
--color-world-peace-300: #8cbfe0;
--color-world-peace-400: #67a7cc;
--color-world-peace-500: #428fb9;
--color-world-peace-600: #39799c;
--color-world-peace-700: #2e617d;
--color-world-peace-800: #1e475c;
--color-world-peace-900: #143241;
--color-world-peace-950: #051d29;
}SCSS
$world-peace: #005477;
$world-peace-rgb: 0, 84, 119;
$world-peace-light: mix(#fff, $world-peace, 20%);
$world-peace-dark: mix(#000, $world-peace, 20%);
.element {
color: $world-peace;
box-shadow: 0 0 0 2px rgba($world-peace, 0.35);
}