Couleur nommée la plus proche · #73ADFF
#73ADFF
Couleur nommée la plus proche: Fennel Flower
#73ADFF (rgb(115 173 255), hsl(215 100% 73%), oklch(0.742 0.134 257.2)) est la plus proche de la couleur nommée Fennel Flower. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#73ADFF
oklch(0.742 0.134 257.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 81B6FF
- 8FBEFF
- 9DC6FF
- ABCFFF
- B9D7FF
- C7DFFF
- D5E7FF
- E3EFFF
- F1F7FF
Ombres
- 6396DE
- 547FBE
- 456A9E
- 365580
- 284163
- 1B2D48
- 0F1B2E
- 050B16
- 010103
Tons
- 75A9F2
- 77A5E5
- 79A0D8
- 7A9CCC
- 7B97BF
- 7D93B2
- 7E8EA6
- 7F8A99
- 7F858D
Harmonies de couleurs
Complémentaire +180°
- 73ADFF
Fennel Flower
- DA9F39
≈ Golden Hamster
Analogue -30° +30°
- 73ADFF
Fennel Flower
- 2BBBED
≈ Blue Bikini
- A69DFB
≈ Cobalite
Triadique +120° +240°
- 73ADFF
Fennel Flower
- F4868D
≈ Flamingo Dream
- 82BF68
≈ Hillside Grove
Complémentaire divisée +150° +210°
- 73ADFF
Fennel Flower
- F08F5D
≈ Chinese Lantern
- B5B13E
≈ New Green
Tétradique +90° +180° +270°
- 73ADFF
Fennel Flower
- E887BC
≈ Tempting Pink
- DA9F39
≈ Golden Hamster
- 3CC69A
≈ Jadeite
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.29:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.15:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
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);
}