Nearest named color · #73ADFF
#73ADFF
Nearest named color: Fennel Flower
#73ADFF (rgb(115 173 255), hsl(215 100% 73%), oklch(0.742 0.134 257.2)) is closest to the named color Fennel Flower. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#73ADFF
oklch(0.742 0.134 257.2)
Color conversions
- HEX
- #73adff
- RGB
- rgb(115 173 255)
- HSL
- hsl(215 100% 73%)
- HWB
- hwb(215 45% 0%)
- OKLCH
- oklch(0.742 0.134 257.2)
- OKLab
- oklab(0.742 -0.03 -0.131)
- CIE Lab
- lab(69.35 -1.71 -47.19)
- LCH
- lch(69.35 47.22 267.9)
- CMYK
- cmyk(55% 32% 0% 0%)
Tints · Shades · Tones
Tints
- 81B6FF
- 8FBEFF
- 9DC6FF
- ABCFFF
- B9D7FF
- C7DFFF
- D5E7FF
- E3EFFF
- F1F7FF
Shades
- 6396DE
- 547FBE
- 456A9E
- 365580
- 284163
- 1B2D48
- 0F1B2E
- 050B16
- 010103
Tones
- 75A9F2
- 77A5E5
- 79A0D8
- 7A9CCC
- 7B97BF
- 7D93B2
- 7E8EA6
- 7F8A99
- 7F858D
Color harmonies
Complementary +180°
- 73ADFF
Fennel Flower
- DA9F39
≈ Golden Hamster
Analogous -30° +30°
- 73ADFF
Fennel Flower
- 2BBBED
≈ Blue Bikini
- A69DFB
≈ Cobalite
Triadic +120° +240°
- 73ADFF
Fennel Flower
- F4868D
≈ Flamingo Dream
- 82BF68
≈ Hillside Grove
Split-complementary +150° +210°
- 73ADFF
Fennel Flower
- F08F5D
≈ Chinese Lantern
- B5B13E
≈ New Green
Tetradic +90° +180° +270°
- 73ADFF
Fennel Flower
- E887BC
≈ Tempting Pink
- DA9F39
≈ Golden Hamster
- 3CC69A
≈ Jadeite
Contrast & accessibility
Ag
FailOn white
WCAG 2.29:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.15:1 · APCA Lc 57
Best text color: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--fennel-flower: #73adff;
--fennel-flower-rgb: 115 173 255;
--fennel-flower-oklch: oklch(0.742 0.134 257.2);
}
.element {
color: var(--fennel-flower);
background-color: hsl(215 100% 73%);
border-color: oklch(0.742 0.134 257.2);
}Tailwind CSS v4
@theme {
--color-fennel-flower: #73adff;
--color-fennel-flower-50: #dff7ff;
--color-fennel-flower-100: #ceeaff;
--color-fennel-flower-200: #b2d6ff;
--color-fennel-flower-300: #8eb9fc;
--color-fennel-flower-400: #69a0ed;
--color-fennel-flower-500: #4786dd;
--color-fennel-flower-600: #3d71bb;
--color-fennel-flower-700: #315b96;
--color-fennel-flower-800: #1f4370;
--color-fennel-flower-900: #142e4f;
--color-fennel-flower-950: #061b34;
}SCSS
$fennel-flower: #73adff;
$fennel-flower-rgb: 115, 173, 255;
$fennel-flower-light: mix(#fff, $fennel-flower, 20%);
$fennel-flower-dark: mix(#000, $fennel-flower, 20%);
.element {
color: $fennel-flower;
box-shadow: 0 0 0 2px rgba($fennel-flower, 0.35);
}