最も近い色名 · #15A8CC
#15A8CC
最も近い色名: Gummy Dolphins
#15A8CC（rgb(21 168 204)、hsl(192 81% 44%)、oklch(0.678 0.121 221)）に最も近い色名はGummy Dolphinsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#15A8CC
oklch(0.678 0.121 221)
カラー変換
- HEX
- #15a8cc
- RGB
- rgb(21 168 204)
- HSL
- hsl(192 81% 44%)
- HWB
- hwb(192 8% 20%)
- OKLCH
- oklch(0.678 0.121 221)
- OKLab
- oklab(0.678 -0.091 -0.079)
- CIE Lab
- lab(63.26 -26.91 -29.06)
- LCH
- lch(63.26 39.6 227.2)
- CMYK
- cmyk(90% 18% 0% 20%)
ティント · シェード · トーン
ティント
- 42B1D1
- 5DBAD7
- 75C3DC
- 8ACBE1
- 9FD4E6
- B3DDEB
- C6E5F0
- D9EEF5
- ECF6FA
シェード
- 1192B1
- 0C7C97
- 08677E
- 055265
- 033F4E
- 022C37
- 011A22
- 000A0F
- 000102
トーン
- 32A4C4
- 42A0BD
- 4E9DB5
- 5999AE
- 6195A6
- 69919E
- 6F8D97
- 76898F
- 7B8488
カラーハーモニー
補色 +180°
- 15A8CC
Gummy Dolphins
- D67D5B
≈ Deep Coral
類似色 -30° +30°
- 15A8CC
Gummy Dolphins
- 00AEA9
≈ Teal Me No Lies
- 5B9CE0
≈ Blue Bay
トライアド +120° +240°
- 15A8CC
Gummy Dolphins
- CA79AE
≈ Strawberry Freeze
- A89934
≈ Pestulance
スプリットコンプリメンタリー +150° +210°
- 15A8CC
Gummy Dolphins
- D77685
≈ Creamy Coral
- C68A38
≈ Victorian Crown
テトラード +90° +180° +270°
- 15A8CC
Gummy Dolphins
- B081CF
≈ Lavender Blossom
- D67D5B
≈ Deep Coral
- 7DA754
≈ Mosquito Fern
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--gummy-dolphins: #15a8cc;
--gummy-dolphins-rgb: 21 168 204;
--gummy-dolphins-oklch: oklch(0.678 0.121 221);
}
.element {
color: var(--gummy-dolphins);
background-color: hsl(192 81% 44%);
border-color: oklch(0.678 0.121 221);
}Tailwind CSS v4
@theme {
--color-gummy-dolphins: #15a8cc;
--color-gummy-dolphins-50: #d1feff;
--color-gummy-dolphins-100: #bcf2ff;
--color-gummy-dolphins-200: #9ae0fa;
--color-gummy-dolphins-300: #6bc5e5;
--color-gummy-dolphins-400: #33aed1;
--color-gummy-dolphins-500: #0097be;
--color-gummy-dolphins-600: #0080a0;
--color-gummy-dolphins-700: #006681;
--color-gummy-dolphins-800: #004b5f;
--color-gummy-dolphins-900: #003442;
--color-gummy-dolphins-950: #00202b;
}SCSS
$gummy-dolphins: #15a8cc;
$gummy-dolphins-rgb: 21, 168, 204;
$gummy-dolphins-light: mix(#fff, $gummy-dolphins, 20%);
$gummy-dolphins-dark: mix(#000, $gummy-dolphins, 20%);
.element {
color: $gummy-dolphins;
box-shadow: 0 0 0 2px rgba($gummy-dolphins, 0.35);
}