色名 · #D4D8DB
Supreme Pontiff
Supreme Pontiffは#D4D8DB：rgb(212 216 219)、hsl(206 9% 85%)、oklch(0.88 0.006 239.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Supreme Pontiff color name →
#D4D8DB
oklch(0.88 0.006 239.8)
カラー変換
- HEX
- #d4d8db
- RGB
- rgb(212 216 219)
- HSL
- hsl(206 9% 85%)
- HWB
- hwb(206 83% 14%)
- OKLCH
- oklch(0.88 0.006 239.8)
- OKLab
- oklab(0.88 -0.003 -0.005)
- CIE Lab
- lab(86.09 -0.99 -1.98)
- LCH
- lch(86.09 2.22 243.4)
- CMYK
- cmyk(3% 1% 0% 14%)
ティント · シェード · トーン
ティント
- D8DCDF
- DCE0E2
- E1E4E6
- E5E7E9
- E9EBED
- EEEFF0
- F2F3F4
- F6F7F8
- FBFBFB
シェード
- B8BCBE
- 9DA0A2
- 838587
- 696B6D
- 515354
- 3A3B3C
- 242526
- 101111
- 020202
トーン
- CBCFD2
- C3C6C8
- BABDBF
- B1B4B6
- A9ABAC
- A1A2A3
- 98999A
- 909191
- 888889
カラーハーモニー
補色 +180°
- D4D8DB
Supreme Pontiff
- DBD7D4
≈ Coffee Bag
類似色 -30° +30°
- D4D8DB
Supreme Pontiff
- D3D9DA
≈ Ashlin Grey
- D6D7DB
≈ Limestone Mauve
トライアド +120° +240°
- D4D8DB
Supreme Pontiff
- DBD6D7
≈ Sharp Pebbles
- D7D8D4
≈ Whispering Smoke
スプリットコンプリメンタリー +150° +210°
- D4D8DB
Supreme Pontiff
- DBD6D5
≈ Coffee Bag
- D9D7D3
≈ Cloudy
テトラード +90° +180° +270°
- D4D8DB
Supreme Pontiff
- DAD6D9
≈ Sharp Pebbles
- DBD7D4
≈ Coffee Bag
- D5D9D5
≈ Quiet Dew
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.43:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.64:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--supreme-pontiff: #d4d8db;
--supreme-pontiff-rgb: 212 216 219;
--supreme-pontiff-oklch: oklch(0.88 0.006 239.8);
}
.element {
color: var(--supreme-pontiff);
background-color: hsl(206 9% 85%);
border-color: oklch(0.88 0.006 239.8);
}Tailwind CSS v4
@theme {
--color-supreme-pontiff: #d4d8db;
--color-supreme-pontiff-50: #f4f5f7;
--color-supreme-pontiff-100: #e6e8ea;
--color-supreme-pontiff-200: #d2d4d6;
--color-supreme-pontiff-300: #b5b8ba;
--color-supreme-pontiff-400: #9b9fa2;
--color-supreme-pontiff-500: #83878a;
--color-supreme-pontiff-600: #6f7275;
--color-supreme-pontiff-700: #585b5d;
--color-supreme-pontiff-800: #404344;
--color-supreme-pontiff-900: #2c2e2f;
--color-supreme-pontiff-950: #191b1c;
}SCSS
$supreme-pontiff: #d4d8db;
$supreme-pontiff-rgb: 212, 216, 219;
$supreme-pontiff-light: mix(#fff, $supreme-pontiff, 20%);
$supreme-pontiff-dark: mix(#000, $supreme-pontiff, 20%);
.element {
color: $supreme-pontiff;
box-shadow: 0 0 0 2px rgba($supreme-pontiff, 0.35);
}