最も近い色名 · #73ABFF
#73ABFF
最も近い色名: Fennel Flower
#73ABFF（rgb(115 171 255)、hsl(216 100% 73%)、oklch(0.738 0.136 258.3)）に最も近い色名はFennel Flowerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#73ABFF
oklch(0.738 0.136 258.3)
カラー変換
- HEX
- #73abff
- RGB
- rgb(115 171 255)
- HSL
- hsl(216 100% 73%)
- HWB
- hwb(216 45% 0%)
- OKLCH
- oklch(0.738 0.136 258.3)
- OKLab
- oklab(0.738 -0.028 -0.133)
- CIE Lab
- lab(68.8 -0.67 -48.04)
- LCH
- lch(68.8 48.05 269.2)
- CMYK
- cmyk(55% 33% 0% 0%)
ティント · シェード · トーン
ティント
- 81B4FF
- 8FBCFF
- 9DC5FF
- ABCDFF
- B9D6FF
- C7DEFF
- D5E6FF
- E3EFFF
- F1F7FF
シェード
- 6394DE
- 547EBE
- 45689E
- 365480
- 284063
- 1B2D48
- 0F1B2E
- 050B16
- 010103
トーン
- 75A7F2
- 77A3E5
- 789FD8
- 7A9BCC
- 7B96BF
- 7C92B2
- 7E8EA6
- 7E8999
- 7F858D
カラーハーモニー
補色 +180°
- 73ABFF
Fennel Flower
- D89E34
≈ Saffron Sunset
類似色 -30° +30°
- 73ABFF
Fennel Flower
- 28BAED
≈ Blue Bikini
- A79BFB
≈ Cobalite
トライアド +120° +240°
- 73ABFF
Fennel Flower
- F48489
≈ Flamingo Dream
- 7DBE68
≈ Hillside Grove
スプリットコンプリメンタリー +150° +210°
- 73ABFF
Fennel Flower
- EF8E59
≈ Chinese Lantern
- B2B03B
≈ Friendly Frog
テトラード +90° +180° +270°
- 73ABFF
Fennel Flower
- E885B9
≈ Fuchsia Blush
- D89E34
≈ Saffron Sunset
- 33C59A
≈ Jadeite
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.33:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.99:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--fennel-flower: #73abff;
--fennel-flower-rgb: 115 171 255;
--fennel-flower-oklch: oklch(0.738 0.136 258.3);
}
.element {
color: var(--fennel-flower);
background-color: hsl(216 100% 73%);
border-color: oklch(0.738 0.136 258.3);
}Tailwind CSS v4
@theme {
--color-fennel-flower: #73abff;
--color-fennel-flower-50: #dff7ff;
--color-fennel-flower-100: #cee9ff;
--color-fennel-flower-200: #b3d6ff;
--color-fennel-flower-300: #8fb8fd;
--color-fennel-flower-400: #6b9fee;
--color-fennel-flower-500: #4985df;
--color-fennel-flower-600: #3f71bc;
--color-fennel-flower-700: #325a97;
--color-fennel-flower-800: #204370;
--color-fennel-flower-900: #152e4f;
--color-fennel-flower-950: #071a35;
}SCSS
$fennel-flower: #73abff;
$fennel-flower-rgb: 115, 171, 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);
}