色名 · #AABBCC
Wood Pigeon
Wood Pigeonは#AABBCC：rgb(170 187 204)、hsl(210 25% 73%)、oklch(0.784 0.031 248.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Wood Pigeon color name →
#AABBCC
oklch(0.784 0.031 248.2)
カラー変換
- HEX
- #aabbcc
- RGB
- rgb(170 187 204)
- HSL
- hsl(210 25% 73%)
- HWB
- hwb(210 67% 20%)
- OKLCH
- oklch(0.784 0.031 248.2)
- OKLab
- oklab(0.784 -0.011 -0.028)
- CIE Lab
- lab(74.97 -3.4 -10.7)
- LCH
- lch(74.97 11.22 252.4)
- CMYK
- cmyk(17% 8% 0% 20%)
ティント · シェード · トーン
ティント
- B2C2D1
- BBC8D6
- C3CFDB
- CBD6E0
- D4DDE5
- DCE3EA
- E5EAF0
- EEF1F5
- F6F8FA
シェード
- 93A2B1
- 7D8A97
- 68737E
- 535C65
- 3F464E
- 2D3237
- 1B1F22
- 0B0D0F
- 010202
トーン
- A6B5C4
- A2AFBC
- 9DA9B5
- 99A3AD
- 959DA5
- 91979E
- 8C9196
- 888C8F
- 848687
カラーハーモニー
補色 +180°
- AABBCC
Wood Pigeon
- C6B6A4
≈ Pavilion Beige
類似色 -30° +30°
- AABBCC
Wood Pigeon
- A4BEC6
≈ Clear Vista
- B4B7CD
≈ Madder Blue
トライアド +120° +240°
- AABBCC
Wood Pigeon
- CBB1B5
≈ Izmir Pink
- B3BDA8
≈ Unroasted Coffee
スプリットコンプリメンタリー +150° +210°
- AABBCC
Wood Pigeon
- CBB3AB
≈ Plymouth Notch
- BEB9A3
≈ Heavy Hammock
テトラード +90° +180° +270°
- AABBCC
Wood Pigeon
- C7B2C0
≈ Maverick
- C6B6A4
≈ Pavilion Beige
- A9BFB1
≈ Foggy Rain
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.96:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.68:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--wood-pigeon: #aabbcc;
--wood-pigeon-rgb: 170 187 204;
--wood-pigeon-oklch: oklch(0.784 0.031 248.2);
}
.element {
color: var(--wood-pigeon);
background-color: hsl(210 25% 73%);
border-color: oklch(0.784 0.031 248.2);
}Tailwind CSS v4
@theme {
--color-wood-pigeon: #aabbcc;
--color-wood-pigeon-50: #eff6fe;
--color-wood-pigeon-100: #e0e9f2;
--color-wood-pigeon-200: #cbd6e1;
--color-wood-pigeon-300: #acb9c7;
--color-wood-pigeon-400: #91a0b0;
--color-wood-pigeon-500: #77889a;
--color-wood-pigeon-600: #657382;
--color-wood-pigeon-700: #505c68;
--color-wood-pigeon-800: #3a444d;
--color-wood-pigeon-900: #282f35;
--color-wood-pigeon-950: #161b20;
}SCSS
$wood-pigeon: #aabbcc;
$wood-pigeon-rgb: 170, 187, 204;
$wood-pigeon-light: mix(#fff, $wood-pigeon, 20%);
$wood-pigeon-dark: mix(#000, $wood-pigeon, 20%);
.element {
color: $wood-pigeon;
box-shadow: 0 0 0 2px rgba($wood-pigeon, 0.35);
}