色名 · #818B9C
Prophetic Sea
Prophetic Seaは#818B9C：rgb(129 139 156)、hsl(218 12% 56%)、oklch(0.634 0.028 261.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Prophetic Sea color name →
#818B9C
oklch(0.634 0.028 261.1)
カラー変換
- HEX
- #818b9c
- RGB
- rgb(129 139 156)
- HSL
- hsl(218 12% 56%)
- HWB
- hwb(218 51% 39%)
- OKLCH
- oklch(0.634 0.028 261.1)
- OKLab
- oklab(0.634 -0.004 -0.028)
- CIE Lab
- lab(57.47 -0.98 -10.38)
- LCH
- lch(57.47 10.43 264.6)
- CMYK
- cmyk(17% 11% 0% 39%)
ティント · シェード · トーン
ティント
- 8D96A6
- 99A1AF
- A5ACB9
- B2B8C3
- BEC3CD
- CBCFD6
- D8DBE1
- E5E7EB
- F2F3F5
シェード
- 6F7887
- 5E6673
- 4E545F
- 3E434C
- 2E3239
- 1F2328
- 121418
- 060709
- 010101
トーン
- 818A99
- 818996
- 818894
- 818791
- 81868E
- 80848B
- 808388
- 808286
- 808183
カラーハーモニー
補色 +180°
- 818B9C
Prophetic Sea
- 938978
≈ Cricket’s Cross
類似色 -30° +30°
- 818B9C
Prophetic Sea
- 7A8E99
≈ Sidewalk Grey
- 8A889B
≈ Dusty Chimney
トライアド +120° +240°
- 818B9C
Prophetic Sea
- 9B8483
≈ Pigeon Pink
- 818F7F
≈ Lily Pad Pond
スプリットコンプリメンタリー +150° +210°
- 818B9C
Prophetic Sea
- 99867B
≈ Ginnezumi
- 8B8C79
≈ Dry Sage
テトラード +90° +180° +270°
- 818B9C
Prophetic Sea
- 99848C
≈ Orchard Plum
- 938978
≈ Cricket’s Cross
- 7A9088
≈ Longmeadow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.43:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.10:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--prophetic-sea: #818b9c;
--prophetic-sea-rgb: 129 139 156;
--prophetic-sea-oklch: oklch(0.634 0.028 261.1);
}
.element {
color: var(--prophetic-sea);
background-color: hsl(218 12% 56%);
border-color: oklch(0.634 0.028 261.1);
}Tailwind CSS v4
@theme {
--color-prophetic-sea: #818b9c;
--color-prophetic-sea-50: #f1f5fd;
--color-prophetic-sea-100: #e3e8f2;
--color-prophetic-sea-200: #ced4e1;
--color-prophetic-sea-300: #b0b8c6;
--color-prophetic-sea-400: #959fb0;
--color-prophetic-sea-500: #7c8799;
--color-prophetic-sea-600: #697282;
--color-prophetic-sea-700: #545b68;
--color-prophetic-sea-800: #3d434c;
--color-prophetic-sea-900: #2a2e35;
--color-prophetic-sea-950: #171b20;
}SCSS
$prophetic-sea: #818b9c;
$prophetic-sea-rgb: 129, 139, 156;
$prophetic-sea-light: mix(#fff, $prophetic-sea, 20%);
$prophetic-sea-dark: mix(#000, $prophetic-sea, 20%);
.element {
color: $prophetic-sea;
box-shadow: 0 0 0 2px rgba($prophetic-sea, 0.35);
}