色名 · #99CCFF
Apocyan
Apocyanは#99CCFF：rgb(153 204 255)、hsl(210 100% 80%)、oklch(0.828 0.09 249)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Apocyan color name →
#99CCFF
oklch(0.828 0.09 249)
カラー変換
- HEX
- #99ccff
- RGB
- rgb(153 204 255)
- HSL
- hsl(210 100% 80%)
- HWB
- hwb(210 60% 0%)
- OKLCH
- oklch(0.828 0.09 249)
- OKLab
- oklab(0.828 -0.032 -0.084)
- CIE Lab
- lab(79.86 -7.65 -30.77)
- LCH
- lch(79.86 31.71 256)
- CMYK
- cmyk(40% 20% 0% 0%)
ティント · シェード · トーン
ティント
- A3D1FF
- AED6FF
- B8DCFF
- C2E1FF
- CCE6FF
- D7EBFF
- E1F0FF
- EBF5FF
- F5FAFF
シェード
- 84B1DE
- 7097BE
- 5D7E9E
- 4A6580
- 384E63
- 273748
- 17222E
- 080F16
- 010203
トーン
- 97C4F2
- 95BDE5
- 92B5D8
- 90ADCB
- 8EA6BE
- 8B9EB2
- 8897A5
- 868F99
- 83878C
カラーハーモニー
補色 +180°
- 99CCFF
Apocyan
- EDBC86
≈ Baba Ganoush
類似色 -30° +30°
- 99CCFF
Apocyan
- 80D5EE
≈ Middle Blue
- BAC1FF
≈ Dried Lilac
トライアド +120° +240°
- 99CCFF
Apocyan
- FAAFBA
≈ Sweet Caroline
- B5D394
≈ Al Green
スプリットコンプリメンタリー +150° +210°
- 99CCFF
Apocyan
- FAB39C
≈ Mermaid Cheeks
- D5C883
≈ Green Apple Martini
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.43:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--apocyan: #99ccff;
--apocyan-rgb: 153 204 255;
--apocyan-oklch: oklch(0.828 0.09 249);
}
.element {
color: var(--apocyan);
background-color: hsl(210 100% 80%);
border-color: oklch(0.828 0.09 249);
}Tailwind CSS v4
@theme {
--color-apocyan: #99ccff;
--color-apocyan-50: #e3f8ff;
--color-apocyan-100: #d2ebff;
--color-apocyan-200: #b8d8fa;
--color-apocyan-300: #96bbe4;
--color-apocyan-400: #74a3d2;
--color-apocyan-500: #548bbf;
--color-apocyan-600: #4875a1;
--color-apocyan-700: #395e81;
--color-apocyan-800: #274560;
--color-apocyan-900: #1a3043;
--color-apocyan-950: #0b1c2b;
}SCSS
$apocyan: #99ccff;
$apocyan-rgb: 153, 204, 255;
$apocyan-light: mix(#fff, $apocyan, 20%);
$apocyan-dark: mix(#000, $apocyan, 20%);
.element {
color: $apocyan;
box-shadow: 0 0 0 2px rgba($apocyan, 0.35);
}