Couleur nommée · #545F8A
Karmic Grape
Karmic Grape correspond à #545F8A : rgb(84 95 138), hsl(228 24% 44%), oklch(0.494 0.07 272.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Blue mean? → · Karmic Grape color name →
#545F8A
oklch(0.494 0.07 272.6)
Conversions de couleur
- HEX
- #545f8a
- RGB
- rgb(84 95 138)
- HSL
- hsl(228 24% 44%)
- HWB
- hwb(228 33% 46%)
- OKLCH
- oklch(0.494 0.07 272.6)
- OKLab
- oklab(0.494 0.003 -0.07)
- CIE Lab
- lab(40.76 4.33 -25.54)
- LCH
- lch(40.76 25.9 279.6)
- CMYK
- cmyk(39% 31% 0% 46%)
Teintes · Ombres · Tons
Teintes
- 636E96
- 737DA1
- 848DAD
- 949CB8
- A5ACC4
- B7BCD0
- C8CDDB
- DADDE7
- ECEEF3
Ombres
- 485277
- 3C4465
- 313853
- 262C42
- 1B2032
- 111522
- 080A14
- 020307
- 000001
Tons
- 586289
- 5C6689
- 616988
- 656D87
- 6A7086
- 6E7385
- 727684
- 777A83
- 7B7D81
Harmonies de couleurs
Complémentaire +180°
- 545F8A
Karmic Grape
- 706130
≈ Himalaya
Analogue -30° +30°
- 545F8A
Karmic Grape
- 3C6687
≈ Blue Ashes
- 695883
≈ Concord Jam
Triadique +120° +240°
- 545F8A
Karmic Grape
- 855248
≈ Root Beer
- 416D4E
≈ Toad King
Complémentaire divisée +150° +210°
- 545F8A
Karmic Grape
- 7E5836
≈ Über Umber
- 5A683A
≈ Gretchin Green
Tétradique +90° +180° +270°
- 545F8A
Karmic Grape
- 83505E
≈ Artful Magenta
- 706130
≈ Himalaya
- 2A6F65
≈ Antique Green
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.21:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.38:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--karmic-grape: #545f8a;
--karmic-grape-rgb: 84 95 138;
--karmic-grape-oklch: oklch(0.494 0.07 272.6);
}
.element {
color: var(--karmic-grape);
background-color: hsl(228 24% 44%);
border-color: oklch(0.494 0.07 272.6);
}Tailwind CSS v4
@theme {
--color-karmic-grape: #545f8a;
--color-karmic-grape-50: #eff4ff;
--color-karmic-grape-100: #e0e7ff;
--color-karmic-grape-200: #cbd3f3;
--color-karmic-grape-300: #acb5dc;
--color-karmic-grape-400: #909cc9;
--color-karmic-grape-500: #7683b5;
--color-karmic-grape-600: #646f99;
--color-karmic-grape-700: #50597b;
--color-karmic-grape-800: #39415b;
--color-karmic-grape-900: #272d40;
--color-karmic-grape-950: #151a29;
}SCSS
$karmic-grape: #545f8a;
$karmic-grape-rgb: 84, 95, 138;
$karmic-grape-light: mix(#fff, $karmic-grape, 20%);
$karmic-grape-dark: mix(#000, $karmic-grape, 20%);
.element {
color: $karmic-grape;
box-shadow: 0 0 0 2px rgba($karmic-grape, 0.35);
}