Named color · #7197CB
Razee
Razee is #7197CB: rgb(113 151 203), hsl(215 46% 62%), oklch(0.669 0.088 256.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Razee color name →
#7197CB
oklch(0.669 0.088 256.4)
Color conversions
- HEX
- #7197cb
- RGB
- rgb(113 151 203)
- HSL
- hsl(215 46% 62%)
- HWB
- hwb(215 44% 20%)
- OKLCH
- oklch(0.669 0.088 256.4)
- OKLab
- oklab(0.669 -0.021 -0.086)
- CIE Lab
- lab(61.2 -3 -31.36)
- LCH
- lch(61.2 31.5 264.5)
- CMYK
- cmyk(44% 26% 0% 20%)
Tints · Shades · Tones
Tints
- 7FA1D1
- 8DACD6
- 9AB6DB
- A8C0E1
- B7CBE6
- C5D5EB
- D3DFF0
- E2EAF5
- F0F4FA
Shades
- 6183B0
- 526F96
- 435C7D
- 354965
- 27374D
- 1A2637
- 0E1722
- 04080F
- 010102
Tones
- 7395C4
- 7593BC
- 7691B5
- 788EAD
- 798CA6
- 7B8A9E
- 7C8797
- 7E858F
- 7F8288
Color harmonies
Complementary +180°
- 7197CB
Razee
- B48E54
≈ Breadstick
Analogous -30° +30°
- 7197CB
Razee
- 53A0BF
≈ Brig
- 908DC9
≈ Adora
Triadic +120° +240°
- 7197CB
Razee
- C57E82
≈ Enamoured
- 7CA26B
≈ Frog Hollow
Split-complementary +150° +210°
- 7197CB
Razee
- C28466
≈ Toasted Nut
- 9B9956
≈ Stem
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.00:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.99:1 · APCA Lc 45
Best text color: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--razee: #7197cb;
--razee-rgb: 113 151 203;
--razee-oklch: oklch(0.669 0.088 256.4);
}
.element {
color: var(--razee);
background-color: hsl(215 46% 62%);
border-color: oklch(0.669 0.088 256.4);
}Tailwind CSS v4
@theme {
--color-razee: #7197cb;
--color-razee-50: #e6f7ff;
--color-razee-100: #d6e9ff;
--color-razee-200: #bed6fb;
--color-razee-300: #9cb9e5;
--color-razee-400: #7ca1d3;
--color-razee-500: #5f88c0;
--color-razee-600: #5173a2;
--color-razee-700: #405c82;
--color-razee-800: #2c4461;
--color-razee-900: #1e2f44;
--color-razee-950: #0e1b2c;
}SCSS
$razee: #7197cb;
$razee-rgb: 113, 151, 203;
$razee-light: mix(#fff, $razee, 20%);
$razee-dark: mix(#000, $razee, 20%);
.element {
color: $razee;
box-shadow: 0 0 0 2px rgba($razee, 0.35);
}