色名 · #C6D6D7
Skydiving
Skydivingは#C6D6D7：rgb(198 214 215)、hsl(184 18% 81%)、oklch(0.864 0.017 201.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Skydiving color name →
#C6D6D7
oklch(0.864 0.017 201.4)
カラー変換
- HEX
- #c6d6d7
- RGB
- rgb(198 214 215)
- HSL
- hsl(184 18% 81%)
- HWB
- hwb(184 78% 16%)
- OKLCH
- oklch(0.864 0.017 201.4)
- OKLab
- oklab(0.864 -0.016 -0.006)
- CIE Lab
- lab(84.43 -5.43 -2.44)
- LCH
- lch(84.43 5.96 204.2)
- CMYK
- cmyk(8% 0% 0% 16%)
ティント · シェード · トーン
ティント
- CCDADB
- D1DEDF
- D7E2E3
- DDE6E7
- E2EAEB
- E8EEEF
- EEF3F3
- F3F7F7
- F9FBFB
シェード
- ACBABB
- 929E9F
- 7A8485
- 626A6B
- 4B5252
- 353B3B
- 212525
- 0E1011
- 020202
トーン
- BFCDCE
- B8C4C5
- B0BBBC
- A9B3B3
- A2AAAA
- 9BA1A2
- 949999
- 8E9191
- 878888
カラーハーモニー
補色 +180°
- C6D6D7
Skydiving
- DECECD
≈ Light Hint of Lavender
類似色 -30° +30°
- C6D6D7
Skydiving
- C8D6D1
≈ Powdered Pool
- C8D5DC
≈ Nearsighted
トライアド +120° +240°
- C6D6D7
Skydiving
- D8CFD9
≈ Light Puffball
- D8D1C6
≈ Rotunda White
スプリットコンプリメンタリー +150° +210°
- C6D6D7
Skydiving
- DCCED4
≈ Stardust Ballroom
- DCCFC8
≈ Mushroom Risotto
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.49:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.00:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.00:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--skydiving: #c6d6d7;
--skydiving-rgb: 198 214 215;
--skydiving-oklch: oklch(0.864 0.017 201.4);
}
.element {
color: var(--skydiving);
background-color: hsl(184 18% 81%);
border-color: oklch(0.864 0.017 201.4);
}Tailwind CSS v4
@theme {
--color-skydiving: #c6d6d7;
--color-skydiving-50: #f0f7f7;
--color-skydiving-100: #e2eaea;
--color-skydiving-200: #ccd6d7;
--color-skydiving-300: #aebabb;
--color-skydiving-400: #93a2a3;
--color-skydiving-500: #798a8b;
--color-skydiving-600: #677575;
--color-skydiving-700: #525d5e;
--color-skydiving-800: #3c4445;
--color-skydiving-900: #292f2f;
--color-skydiving-950: #171c1c;
}SCSS
$skydiving: #c6d6d7;
$skydiving-rgb: 198, 214, 215;
$skydiving-light: mix(#fff, $skydiving, 20%);
$skydiving-dark: mix(#000, $skydiving, 20%);
.element {
color: $skydiving;
box-shadow: 0 0 0 2px rgba($skydiving, 0.35);
}