Named color · #597191
French Diamond
French Diamond is #597191: rgb(89 113 145), hsl(214 24% 46%), oklch(0.542 0.058 255.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · French Diamond color name →
#597191
oklch(0.542 0.058 255.8)
Color conversions
- HEX
- #597191
- RGB
- rgb(89 113 145)
- HSL
- hsl(214 24% 46%)
- HWB
- hwb(214 35% 43%)
- OKLCH
- oklch(0.542 0.058 255.8)
- OKLab
- oklab(0.542 -0.014 -0.056)
- CIE Lab
- lab(46.68 -2.67 -20.58)
- LCH
- lch(46.68 20.75 262.6)
- CMYK
- cmyk(39% 22% 0% 43%)
Tints · Shades · Tones
Tints
- 687E9C
- 788CA7
- 889AB1
- 98A8BC
- A9B6C7
- BAC4D2
- CBD3DD
- DCE1E9
- EDF0F4
Shades
- 4C617D
- 40526A
- 344358
- 283546
- 1D2735
- 131A25
- 090E15
- 030407
- 000101
Tones
- 5D738F
- 61748E
- 65768C
- 69778B
- 6D7989
- 717A87
- 747C86
- 787D84
- 7C7F82
Color harmonies
Complementary +180°
- 597191
French Diamond
- 836B49
≈ Chester Brown
Analogous -30° +30°
- 597191
French Diamond
- 497789
≈ Sotek Green
- 6C6B90
≈ Campanula Purple
Triadic +120° +240°
- 597191
French Diamond
- 8E6264
≈ Grenache
- 607755
≈ Seaweed Tea
Split-complementary +150° +210°
- 597191
French Diamond
- 8C6553
≈ Gaboon Viper
- 74724A
≈ Vineyard View
Tetradic +90° +180° +270°
- 597191
French Diamond
- 886277
≈ Victorian Plum
- 836B49
≈ Chester Brown
- 4E7A67
≈ Kendal Green
Contrast & accessibility
Ag
AAOn white
WCAG 5.00:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.19:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.00:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--french-diamond: #597191;
--french-diamond-rgb: 89 113 145;
--french-diamond-oklch: oklch(0.542 0.058 255.8);
}
.element {
color: var(--french-diamond);
background-color: hsl(214 24% 46%);
border-color: oklch(0.542 0.058 255.8);
}Tailwind CSS v4
@theme {
--color-french-diamond: #597191;
--color-french-diamond-50: #ebf6ff;
--color-french-diamond-100: #dce9fc;
--color-french-diamond-200: #c5d6ed;
--color-french-diamond-300: #a5b9d5;
--color-french-diamond-400: #88a0c1;
--color-french-diamond-500: #6d88ad;
--color-french-diamond-600: #5c7392;
--color-french-diamond-700: #4a5c75;
--color-french-diamond-800: #344456;
--color-french-diamond-900: #242f3c;
--color-french-diamond-950: #131b26;
}SCSS
$french-diamond: #597191;
$french-diamond-rgb: 89, 113, 145;
$french-diamond-light: mix(#fff, $french-diamond, 20%);
$french-diamond-dark: mix(#000, $french-diamond, 20%);
.element {
color: $french-diamond;
box-shadow: 0 0 0 2px rgba($french-diamond, 0.35);
}