Nazwany kolor · #4E719D
Cobalt Flame
Cobalt Flame to #4E719D: rgb(78 113 157), hsl(213 34% 46%), oklch(0.541 0.08 254.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Cobalt Flame color name →
#4E719D
oklch(0.541 0.08 254.6)
Konwersje koloru
- HEX
- #4e719d
- RGB
- rgb(78 113 157)
- HSL
- hsl(213 34% 46%)
- HWB
- hwb(213 31% 38%)
- OKLCH
- oklch(0.541 0.08 254.6)
- OKLab
- oklab(0.541 -0.021 -0.077)
- CIE Lab
- lab(46.41 -3.11 -28.11)
- LCH
- lch(46.41 28.28 263.7)
- CMYK
- cmyk(50% 28% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F7FA7
- 708CB1
- 819ABB
- 92A8C4
- A4B6CE
- B5C5D8
- C7D3E2
- DAE1EB
- ECF0F5
Odcienie ciemniejsze
- 436188
- 385273
- 2D435F
- 23354C
- 19273A
- 0F1A28
- 070E18
- 020409
- 000101
Tony
- 53739A
- 597498
- 5E7695
- 637892
- 68798F
- 6D7B8C
- 727C89
- 767D86
- 7B7F83
Harmonie kolorów
Komplementarna +180°
- 4E719D
Cobalt Flame
- 8A6836
≈ Beagle Brown
Analogowa -30° +30°
- 4E719D
Cobalt Flame
- 327992
≈ Turkish Stone
- 6A689C
≈ Dusted Peri
Triada +120° +240°
- 4E719D
Cobalt Flame
- 985B60
≈ Ruby Crystal
- 5B7949
≈ Jolly Green
Komplementarna rozszczepiona +150° +210°
- 4E719D
Cobalt Flame
- 965F47
≈ Cinnamon Spice
- 767137
≈ Crocodile Style
Tetrada +90° +180° +270°
- 4E719D
Cobalt Flame
- 905C7A
≈ Grape Nectar
- 8A6836
≈ Beagle Brown
- 3C7E63
≈ Trans Tasman
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.03:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.17:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--cobalt-flame: #4e719d;
--cobalt-flame-rgb: 78 113 157;
--cobalt-flame-oklch: oklch(0.541 0.08 254.6);
}
.element {
color: var(--cobalt-flame);
background-color: hsl(213 34% 46%);
border-color: oklch(0.541 0.08 254.6);
}Tailwind CSS v4
@theme {
--color-cobalt-flame: #4e719d;
--color-cobalt-flame-50: #e7f7ff;
--color-cobalt-flame-100: #d7eaff;
--color-cobalt-flame-200: #bfd6f7;
--color-cobalt-flame-300: #9dbae1;
--color-cobalt-flame-400: #7ea1ce;
--color-cobalt-flame-500: #6189bb;
--color-cobalt-flame-600: #52749e;
--color-cobalt-flame-700: #425d7e;
--color-cobalt-flame-800: #2e445e;
--color-cobalt-flame-900: #1f2f42;
--color-cobalt-flame-950: #0f1b2a;
}SCSS
$cobalt-flame: #4e719d;
$cobalt-flame-rgb: 78, 113, 157;
$cobalt-flame-light: mix(#fff, $cobalt-flame, 20%);
$cobalt-flame-dark: mix(#000, $cobalt-flame, 20%);
.element {
color: $cobalt-flame;
box-shadow: 0 0 0 2px rgba($cobalt-flame, 0.35);
}