最も近い色名 · #71ABFF
#71ABFF
最も近い色名: Fennel Flower
#71ABFF（rgb(113 171 255)、hsl(215 100% 72%)、oklch(0.737 0.137 257.6)）に最も近い色名はFennel Flowerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#71ABFF
oklch(0.737 0.137 257.6)
カラー変換
- HEX
- #71abff
- RGB
- rgb(113 171 255)
- HSL
- hsl(215 100% 72%)
- HWB
- hwb(215 44% 0%)
- OKLCH
- oklch(0.737 0.137 257.6)
- OKLab
- oklab(0.737 -0.029 -0.134)
- CIE Lab
- lab(68.7 -1.13 -48.21)
- LCH
- lch(68.7 48.22 268.7)
- CMYK
- cmyk(56% 33% 0% 0%)
ティント · シェード · トーン
ティント
- 7FB4FF
- 8EBCFF
- 9CC5FF
- AACDFF
- B8D6FF
- C6DEFF
- D4E6FF
- E2EFFF
- F1F7FF
シェード
- 6194DE
- 527EBE
- 43689E
- 355480
- 274063
- 1A2D48
- 0E1B2E
- 040B16
- 010103
トーン
- 73A7F2
- 75A3E5
- 779FD8
- 799BCC
- 7A96BF
- 7C92B2
- 7D8EA6
- 7E8999
- 7F858D
カラーハーモニー
補色 +180°
- 71ABFF
Fennel Flower
- D99D32
≈ Saffron Sunset
類似色 -30° +30°
- 71ABFF
Fennel Flower
- 22BAED
≈ Blue Bikini
- A69BFB
≈ Cobalite
トライアド +120° +240°
- 71ABFF
Fennel Flower
- F4848A
≈ Flamingo Dream
- 7EBE66
≈ Hillside Grove
スプリットコンプリメンタリー +150° +210°
- 71ABFF
Fennel Flower
- EF8D59
≈ Toasted Husk
- B3B039
≈ New Green
テトラード +90° +180° +270°
- 71ABFF
Fennel Flower
- E884BA
≈ Fuchsia Blush
- D99D32
≈ Saffron Sunset
- 33C599
≈ Jadeite
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.34:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.97:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.97:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--fennel-flower: #71abff;
--fennel-flower-rgb: 113 171 255;
--fennel-flower-oklch: oklch(0.737 0.137 257.6);
}
.element {
color: var(--fennel-flower);
background-color: hsl(215 100% 72%);
border-color: oklch(0.737 0.137 257.6);
}Tailwind CSS v4
@theme {
--color-fennel-flower: #71abff;
--color-fennel-flower-50: #def7ff;
--color-fennel-flower-100: #cdeaff;
--color-fennel-flower-200: #b2d6ff;
--color-fennel-flower-300: #8eb9fd;
--color-fennel-flower-400: #699fee;
--color-fennel-flower-500: #4785df;
--color-fennel-flower-600: #3d71bc;
--color-fennel-flower-700: #305b97;
--color-fennel-flower-800: #1f4371;
--color-fennel-flower-900: #142e4f;
--color-fennel-flower-950: #061a35;
}SCSS
$fennel-flower: #71abff;
$fennel-flower-rgb: 113, 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);
}