最も近い色名 · #8CC0D4
#8CC0D4
最も近い色名: Juvie
#8CC0D4（rgb(140 192 212)、hsl(197 46% 69%)、oklch(0.778 0.061 223.7)）に最も近い色名はJuvieです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8CC0D4
oklch(0.778 0.061 223.7)
カラー変換
- HEX
- #8cc0d4
- RGB
- rgb(140 192 212)
- HSL
- hsl(197 46% 69%)
- HWB
- hwb(197 55% 17%)
- OKLCH
- oklch(0.778 0.061 223.7)
- OKLab
- oklab(0.778 -0.044 -0.042)
- CIE Lab
- lab(74.58 -13.98 -15.84)
- LCH
- lch(74.58 21.13 228.6)
- CMYK
- cmyk(34% 9% 0% 17%)
ティント · シェード · トーン
ティント
- 98C6D8
- A3CDDD
- AFD3E1
- BAD9E5
- C6DFEA
- D1E6EE
- DDECF2
- E8F2F6
- F4F9FB
シェード
- 79A7B8
- 678E9D
- 557683
- 435F69
- 334951
- 23343A
- 142024
- 070E10
- 010202
トーン
- 8BB9CB
- 8BB3C3
- 8AACBA
- 89A6B2
- 87A0A9
- 8699A1
- 859399
- 838D90
- 828688
カラーハーモニー
補色 +180°
- 8CC0D4
Juvie
- D9AB98
≈ Fortune’s Prize
類似色 -30° +30°
トライアド +120° +240°
- 8CC0D4
Juvie
- D4A8C1
≈ Heart to Heart
- BDB98C
≈ Back to Nature
スプリットコンプリメンタリー +150° +210°
- 8CC0D4
Juvie
- DBA7AB
≈ Prom
- CFB28C
≈ Moraine
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.60:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--juvie: #8cc0d4;
--juvie-rgb: 140 192 212;
--juvie-oklch: oklch(0.778 0.061 223.7);
}
.element {
color: var(--juvie);
background-color: hsl(197 46% 69%);
border-color: oklch(0.778 0.061 223.7);
}Tailwind CSS v4
@theme {
--color-juvie: #8cc0d4;
--color-juvie-50: #e4f9ff;
--color-juvie-100: #d3edf8;
--color-juvie-200: #badae8;
--color-juvie-300: #97bfd0;
--color-juvie-400: #76a7b9;
--color-juvie-500: #578fa4;
--color-juvie-600: #4a798b;
--color-juvie-700: #3b616f;
--color-juvie-800: #294752;
--color-juvie-900: #1c3139;
--color-juvie-950: #0c1d23;
}SCSS
$juvie: #8cc0d4;
$juvie-rgb: 140, 192, 212;
$juvie-light: mix(#fff, $juvie, 20%);
$juvie-dark: mix(#000, $juvie, 20%);
.element {
color: $juvie;
box-shadow: 0 0 0 2px rgba($juvie, 0.35);
}