色名 · #8FBCC4
Kingston Aqua
Kingston Aquaは#8FBCC4：rgb(143 188 196)、hsl(189 31% 66%)、oklch(0.766 0.049 209.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Kingston Aqua color name →
#8FBCC4
oklch(0.766 0.049 209.6)
カラー変換
- HEX
- #8fbcc4
- RGB
- rgb(143 188 196)
- HSL
- hsl(189 31% 66%)
- HWB
- hwb(189 56% 23%)
- OKLCH
- oklch(0.766 0.049 209.6)
- OKLab
- oklab(0.766 -0.043 -0.024)
- CIE Lab
- lab(73.23 -14.06 -9.18)
- LCH
- lch(73.23 16.79 213.1)
- CMYK
- cmyk(27% 4% 0% 23%)
ティント · シェード · トーン
ティント
- 9AC3CA
- A5C9D0
- B1D0D5
- BCD7DB
- C7DDE1
- D2E4E7
- DDEBED
- E8F1F3
- F4F8F9
シェード
- 7CA3AA
- 698B91
- 577378
- 455D61
- 34474A
- 243235
- 151F21
- 070D0E
- 010202
トーン
- 8EB6BD
- 8DB0B6
- 8BAAAF
- 8AA4A8
- 899EA1
- 87989B
- 859294
- 848C8D
- 828687
カラーハーモニー
補色 +180°
- 8FBCC4
Kingston Aqua
- D0A8A1
≈ Cinnamon Cocoa
類似色 -30° +30°
- 8FBCC4
Kingston Aqua
- 92BEB4
≈ Scenic View
- 97B8CF
≈ Sea Mark
トライアド +120° +240°
- 8FBCC4
Kingston Aqua
- C5A8C2
≈ Linnea Blossom
- BFB290
≈ Trailblazer
スプリットコンプリメンタリー +150° +210°
- 8FBCC4
Kingston Aqua
- CEA6B2
≈ Lady Flower
- CBAC94
≈ Apple Pie
テトラード +90° +180° +270°
- 8FBCC4
Kingston Aqua
- B7ACCE
≈ Jacey’s Favourite
- D0A8A1
≈ Cinnamon Cocoa
- AFB895
≈ Moss Print
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.15:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--kingston-aqua: #8fbcc4;
--kingston-aqua-rgb: 143 188 196;
--kingston-aqua-oklch: oklch(0.766 0.049 209.6);
}
.element {
color: var(--kingston-aqua);
background-color: hsl(189 31% 66%);
border-color: oklch(0.766 0.049 209.6);
}Tailwind CSS v4
@theme {
--color-kingston-aqua: #8fbcc4;
--color-kingston-aqua-50: #e6f9fd;
--color-kingston-aqua-100: #d6edf1;
--color-kingston-aqua-200: #bddae0;
--color-kingston-aqua-300: #9bbfc6;
--color-kingston-aqua-400: #7da7ae;
--color-kingston-aqua-500: #5f8f98;
--color-kingston-aqua-600: #517980;
--color-kingston-aqua-700: #406167;
--color-kingston-aqua-800: #2e474b;
--color-kingston-aqua-900: #1f3134;
--color-kingston-aqua-950: #0f1d20;
}SCSS
$kingston-aqua: #8fbcc4;
$kingston-aqua-rgb: 143, 188, 196;
$kingston-aqua-light: mix(#fff, $kingston-aqua, 20%);
$kingston-aqua-dark: mix(#000, $kingston-aqua, 20%);
.element {
color: $kingston-aqua;
box-shadow: 0 0 0 2px rgba($kingston-aqua, 0.35);
}