最も近い色名 · #84BBF4
#84BBF4
最も近い色名: Electric Eel
#84BBF4（rgb(132 187 244)、hsl(211 84% 74%)、oklch(0.776 0.1 250.1)）に最も近い色名はElectric Eelです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#84BBF4
oklch(0.776 0.1 250.1)
カラー変換
- HEX
- #84bbf4
- RGB
- rgb(132 187 244)
- HSL
- hsl(211 84% 74%)
- HWB
- hwb(211 52% 4%)
- OKLCH
- oklch(0.776 0.1 250.1)
- OKLab
- oklab(0.776 -0.034 -0.094)
- CIE Lab
- lab(73.7 -7.2 -34.45)
- LCH
- lch(73.7 35.19 258.2)
- CMYK
- cmyk(46% 23% 0% 4%)
ティント · シェード · トーン
ティント
- 91C2F6
- 9DC9F7
- A9D0F8
- B6D7FA
- C2DDFB
- CEE4FC
- DAEBFD
- E6F2FE
- F3F8FE
シェード
- 72A2D4
- 608AB5
- 4F7397
- 3F5C7A
- 2F465E
- 203244
- 121F2B
- 060D14
- 010203
トーン
- 84B5E8
- 84AFDC
- 84A9D0
- 84A3C5
- 849EB9
- 8398AE
- 8392A2
- 828C97
- 81868B
カラーハーモニー
補色 +180°
- 84BBF4
Electric Eel
- DFAB6D
≈ Corn Maze
類似色 -30° +30°
- 84BBF4
Electric Eel
- 64C5E2
≈ Candid Blue
- A9AFF5
≈ Wondrous Wisteria
トライアド +120° +240°
- 84BBF4
Electric Eel
- EE9BA7
≈ Pink Moment
- A1C37E
≈ Opaline Green
スプリットコンプリメンタリー +150° +210°
- 84BBF4
Electric Eel
- EDA085
≈ Mamey
- C5B86A
≈ Linden Green
テトラード +90° +180° +270°
- 84BBF4
Electric Eel
- E29DCA
≈ Exotic Violet
- DFAB6D
≈ Corn Maze
- 7ACAA0
≈ Minted Elegance
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.39:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--electric-eel: #84bbf4;
--electric-eel-rgb: 132 187 244;
--electric-eel-oklch: oklch(0.776 0.1 250.1);
}
.element {
color: var(--electric-eel);
background-color: hsl(211 84% 74%);
border-color: oklch(0.776 0.1 250.1);
}Tailwind CSS v4
@theme {
--color-electric-eel: #84bbf4;
--color-electric-eel-50: #e1f8ff;
--color-electric-eel-100: #d0ebff;
--color-electric-eel-200: #b6d8ff;
--color-electric-eel-300: #92bbea;
--color-electric-eel-400: #70a3d8;
--color-electric-eel-500: #4f8ac6;
--color-electric-eel-600: #4375a7;
--color-electric-eel-700: #365e86;
--color-electric-eel-800: #244563;
--color-electric-eel-900: #183046;
--color-electric-eel-950: #091c2d;
}SCSS
$electric-eel: #84bbf4;
$electric-eel-rgb: 132, 187, 244;
$electric-eel-light: mix(#fff, $electric-eel, 20%);
$electric-eel-dark: mix(#000, $electric-eel, 20%);
.element {
color: $electric-eel;
box-shadow: 0 0 0 2px rgba($electric-eel, 0.35);
}