色名 · #C2C2BC
Gull Feather
Gull Featherは#C2C2BC：rgb(194 194 188)、hsl(60 5% 75%)、oklch(0.812 0.008 106.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Gull Feather color name →
#C2C2BC
oklch(0.812 0.008 106.6)
カラー変換
- HEX
- #c2c2bc
- RGB
- rgb(194 194 188)
- HSL
- hsl(60 5% 75%)
- HWB
- hwb(60 74% 24%)
- OKLCH
- oklch(0.812 0.008 106.6)
- OKLab
- oklab(0.812 -0.002 0.008)
- CIE Lab
- lab(78.3 -0.81 3.03)
- LCH
- lch(78.3 3.13 105)
- CMYK
- cmyk(0% 0% 3% 24%)
ティント · シェード · トーン
ティント
- C8C8C3
- CECEC9
- D4D4D0
- DADAD6
- E0E0DD
- E6E6E4
- ECECEB
- F3F3F1
- F9F9F8
シェード
- A8A8A3
- 8F8F8B
- 777773
- 60605D
- 494947
- 343432
- 20201F
- 0E0E0D
- 020202
トーン
- BBBBB6
- B4B4B0
- AEAEAA
- A7A7A4
- A0A09D
- 9A9A98
- 939392
- 8D8D8C
- 868686
カラーハーモニー
補色 +180°
- C2C2BC
Gull Feather
- C1C1C7
≈ Mote of Dust
類似色 -30° +30°
- C2C2BC
Gull Feather
- C5C1BC
≈ Knitting Needles
- BFC3BE
≈ Silver Tipped Sage
トライアド +120° +240°
- C2C2BC
Gull Feather
- BCC3C6
≈ Metallic
- C6C0C3
≈ Easter Rabbit
スプリットコンプリメンタリー +150° +210°
- C2C2BC
Gull Feather
- BEC2C7
≈ Metallic
- C4C0C5
≈ Such Melodrama
テトラード +90° +180° +270°
- C2C2BC
Gull Feather
- BCC3C3
≈ Polished Rock
- C1C1C7
≈ Mote of Dust
- C7C0C0
≈ Nantucket Mist
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.73:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.73:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--gull-feather: #c2c2bc;
--gull-feather-rgb: 194 194 188;
--gull-feather-oklch: oklch(0.812 0.008 106.6);
}
.element {
color: var(--gull-feather);
background-color: hsl(60 5% 75%);
border-color: oklch(0.812 0.008 106.6);
}Tailwind CSS v4
@theme {
--color-gull-feather: #c2c2bc;
--color-gull-feather-50: #f5f5f3;
--color-gull-feather-100: #e8e8e5;
--color-gull-feather-200: #d4d4d0;
--color-gull-feather-300: #b7b8b3;
--color-gull-feather-400: #9f9f99;
--color-gull-feather-500: #878780;
--color-gull-feather-600: #72726d;
--color-gull-feather-700: #5b5b57;
--color-gull-feather-800: #43423f;
--color-gull-feather-900: #2e2e2c;
--color-gull-feather-950: #1b1b19;
}SCSS
$gull-feather: #c2c2bc;
$gull-feather-rgb: 194, 194, 188;
$gull-feather-light: mix(#fff, $gull-feather, 20%);
$gull-feather-dark: mix(#000, $gull-feather, 20%);
.element {
color: $gull-feather;
box-shadow: 0 0 0 2px rgba($gull-feather, 0.35);
}