Najbliższy nazwany kolor · #005072
#005072
Najbliższy nazwany kolor: Moroccan Blue
#005072 (rgb(0 80 114), hsl(198 100% 22%), oklch(0.408 0.087 235.6)) jest najbliższy nazwanemu kolorowi Moroccan Blue. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#005072
oklch(0.408 0.087 235.6)
Konwersje koloru
- HEX
- #005072
- RGB
- rgb(0 80 114)
- HSL
- hsl(198 100% 22%)
- HWB
- hwb(198 0% 55%)
- OKLCH
- oklch(0.408 0.087 235.6)
- OKLab
- oklab(0.408 -0.049 -0.072)
- CIE Lab
- lab(31.28 -11.36 -25.93)
- LCH
- lch(31.28 28.31 246.3)
- CMYK
- cmyk(100% 30% 0% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 266080
- 40718D
- 58829B
- 6F93A9
- 86A4B7
- 9EB6C5
- B5C8D4
- CEDAE2
- E6ECF0
Odcienie ciemniejsze
- 004462
- 003953
- 002E44
- 002436
- 001A28
- 00101B
- 00070E
- 000204
- 000001
Tony
- 195574
- 285A75
- 355F77
- 416479
- 4C697A
- 576D7B
- 61727D
- 6C777E
- 767B7F
Harmonie kolorów
Komplementarna +180°
- 005072
Moroccan Blue
- 6D3B13
≈ Philippine Bronze
Analogowa -30° +30°
- 005072
Moroccan Blue
- 00545C
≈ Deep Teal
- 334779
≈ Nautical
Triada +120° +240°
- 005072
Moroccan Blue
- 6E344C
≈ Blasted Lands Rocks
- 484F0A
≈ Verdun Green
Komplementarna rozszczepiona +150° +210°
- 005072
Moroccan Blue
- 723530
≈ Crabby Apple
- 5E4500
≈ Mud Brown
Tetrada +90° +180° +270°
- 005072
Moroccan Blue
- 613863
≈ Wine Tour
- 6D3B13
≈ Philippine Bronze
- 27562B
≈ Moor-Monster
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.78:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.39:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--moroccan-blue: #005072;
--moroccan-blue-rgb: 0 80 114;
--moroccan-blue-oklch: oklch(0.408 0.087 235.6);
}
.element {
color: var(--moroccan-blue);
background-color: hsl(198 100% 22%);
border-color: oklch(0.408 0.087 235.6);
}Tailwind CSS v4
@theme {
--color-moroccan-blue: #005072;
--color-moroccan-blue-50: #dffaff;
--color-moroccan-blue-100: #ceedff;
--color-moroccan-blue-200: #b2dbf6;
--color-moroccan-blue-300: #8dbfdf;
--color-moroccan-blue-400: #6aa7cb;
--color-moroccan-blue-500: #458fb8;
--color-moroccan-blue-600: #3c799b;
--color-moroccan-blue-700: #30617d;
--color-moroccan-blue-800: #20475c;
--color-moroccan-blue-900: #153140;
--color-moroccan-blue-950: #061d29;
}SCSS
$moroccan-blue: #005072;
$moroccan-blue-rgb: 0, 80, 114;
$moroccan-blue-light: mix(#fff, $moroccan-blue, 20%);
$moroccan-blue-dark: mix(#000, $moroccan-blue, 20%);
.element {
color: $moroccan-blue;
box-shadow: 0 0 0 2px rgba($moroccan-blue, 0.35);
}