色名 · #90ABD9
Black Drop
Black Dropは#90ABD9：rgb(144 171 217)、hsl(218 49% 71%)、oklch(0.738 0.073 261)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Black Drop color name →
#90ABD9
oklch(0.738 0.073 261)
カラー変換
- HEX
- #90abd9
- RGB
- rgb(144 171 217)
- HSL
- hsl(218 49% 71%)
- HWB
- hwb(218 56% 15%)
- OKLCH
- oklch(0.738 0.073 261)
- OKLab
- oklab(0.738 -0.012 -0.073)
- CIE Lab
- lab(69.19 -1.34 -26.65)
- LCH
- lch(69.19 26.68 267.1)
- CMYK
- cmyk(34% 21% 0% 15%)
ティント · シェード · トーン
ティント
- 9BB3DD
- A6BCE1
- B0C4E5
- BBCCE9
- C6D5ED
- D2DDF0
- DDE6F4
- E8EEF8
- F4F6FB
シェード
- 7D94BC
- 6A7EA1
- 576886
- 45546C
- 344053
- 242D3B
- 151B25
- 070B11
- 010102
トーン
- 8EA7D0
- 8DA2C7
- 8B9EBE
- 8A9AB5
- 8896AC
- 8791A3
- 858D9A
- 838992
- 828489
カラーハーモニー
補色 +180°
- 90ABD9
Black Drop
- C2A674
≈ Mustard Seed Beige
類似色 -30° +30°
- 90ABD9
Black Drop
- 79B3D0
≈ Alpine Sky
- AAA2D6
≈ Simply Violet
トライアド +120° +240°
- 90ABD9
Black Drop
- D59896
≈ Tobermory
- 91B68B
≈ Foliage
スプリットコンプリメンタリー +150° +210°
- 90ABD9
Black Drop
- D09D80
≈ Dusty Coral
- ACAF79
≈ Wasabi Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.32:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 9.01:1 · APCA Lc 56
最適な文字色: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--black-drop: #90abd9;
--black-drop-rgb: 144 171 217;
--black-drop-oklch: oklch(0.738 0.073 261);
}
.element {
color: var(--black-drop);
background-color: hsl(218 49% 71%);
border-color: oklch(0.738 0.073 261);
}Tailwind CSS v4
@theme {
--color-black-drop: #90abd9;
--color-black-drop-50: #eaf6ff;
--color-black-drop-100: #dbe8ff;
--color-black-drop-200: #c4d5f5;
--color-black-drop-300: #a4b8de;
--color-black-drop-400: #869fca;
--color-black-drop-500: #6a87b7;
--color-black-drop-600: #5a729b;
--color-black-drop-700: #485b7c;
--color-black-drop-800: #33435c;
--color-black-drop-900: #232e40;
--color-black-drop-950: #121b29;
}SCSS
$black-drop: #90abd9;
$black-drop-rgb: 144, 171, 217;
$black-drop-light: mix(#fff, $black-drop, 20%);
$black-drop-dark: mix(#000, $black-drop, 20%);
.element {
color: $black-drop;
box-shadow: 0 0 0 2px rgba($black-drop, 0.35);
}