Nearest named color · #6B91AF
#6B91AF
Nearest named color: Heavenly Sky
#6B91AF (rgb(107 145 175), hsl(206 30% 55%), oklch(0.64 0.062 242.7)) is closest to the named color Heavenly Sky. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6B91AF
oklch(0.64 0.062 242.7)
Color conversions
- HEX
- #6b91af
- RGB
- rgb(107 145 175)
- HSL
- hsl(206 30% 55%)
- HWB
- hwb(206 42% 31%)
- OKLCH
- oklch(0.64 0.062 242.7)
- OKLab
- oklab(0.64 -0.028 -0.055)
- CIE Lab
- lab(58.2 -7.72 -20.27)
- LCH
- lch(58.2 21.69 249.1)
- CMYK
- cmyk(39% 17% 0% 31%)
Tints · Shades · Tones
Tints
- 799CB7
- 88A6BF
- 96B1C7
- A5BCCF
- B4C7D7
- C2D2DF
- D1DDE7
- E0E8EF
- F0F4F7
Shades
- 5C7D98
- 4E6A81
- 3F586B
- 324656
- 253541
- 18252E
- 0D151C
- 04070B
- 000101
Tones
- 6D8FAA
- 708EA6
- 728CA1
- 748A9C
- 768998
- 798793
- 7A858E
- 7C8489
- 7E8285
Color harmonies
Complementary +180°
- 6B91AF
Heavenly Sky
- A88465
≈ Wooden Swing
Analogous -30° +30°
- 6B91AF
Heavenly Sky
- 5E96A2
≈ Lakeshore
- 7F8AB2
≈ Skysail Blue
Triadic +120° +240°
- 6B91AF
Heavenly Sky
- AD7D89
≈ Silken Raspberry
- 859369
≈ Green Eyes
Split-complementary +150° +210°
- 6B91AF
Heavenly Sky
- AE7F74
≈ Crushed Clay
- 998C60
≈ Woodstock
Tetradic +90° +180° +270°
- 6B91AF
Heavenly Sky
- A37E9D
≈ Pink Plumeria
- A88465
≈ Wooden Swing
- 70977A
≈ Club Moss
Contrast & accessibility
Ag
FailOn white
WCAG 3.33:1 · APCA Lc 61
Ag
AAOn black
WCAG 6.29:1 · APCA Lc 41
Best text color: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--heavenly-sky: #6b91af;
--heavenly-sky-rgb: 107 145 175;
--heavenly-sky-oklch: oklch(0.64 0.062 242.7);
}
.element {
color: var(--heavenly-sky);
background-color: hsl(206 30% 55%);
border-color: oklch(0.64 0.062 242.7);
}Tailwind CSS v4
@theme {
--color-heavenly-sky: #6b91af;
--color-heavenly-sky-50: #e7f8ff;
--color-heavenly-sky-100: #d7ebfc;
--color-heavenly-sky-200: #bfd8ed;
--color-heavenly-sky-300: #9ebbd5;
--color-heavenly-sky-400: #7fa3c0;
--color-heavenly-sky-500: #618bac;
--color-heavenly-sky-600: #537691;
--color-heavenly-sky-700: #425e75;
--color-heavenly-sky-800: #2f4556;
--color-heavenly-sky-900: #1f303c;
--color-heavenly-sky-950: #0f1c26;
}SCSS
$heavenly-sky: #6b91af;
$heavenly-sky-rgb: 107, 145, 175;
$heavenly-sky-light: mix(#fff, $heavenly-sky, 20%);
$heavenly-sky-dark: mix(#000, $heavenly-sky, 20%);
.element {
color: $heavenly-sky;
box-shadow: 0 0 0 2px rgba($heavenly-sky, 0.35);
}