色名 · #A9C4A6
Green Bark
Green Barkは#A9C4A6：rgb(169 196 166)、hsl(114 20% 71%)、oklch(0.792 0.051 142.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Green Bark color name →
#A9C4A6
oklch(0.792 0.051 142.4)
カラー変換
- HEX
- #a9c4a6
- RGB
- rgb(169 196 166)
- HSL
- hsl(114 20% 71%)
- HWB
- hwb(114 65% 23%)
- OKLCH
- oklch(0.792 0.051 142.4)
- OKLab
- oklab(0.792 -0.04 0.031)
- CIE Lab
- lab(76.5 -13.74 11.92)
- LCH
- lch(76.5 18.19 139)
- CMYK
- cmyk(14% 0% 15% 23%)
ティント · シェード · トーン
ティント
- B1CAAF
- BAD0B7
- C2D6C0
- CBDBC9
- D3E1D2
- DCE7DB
- E5EDE4
- EDF3ED
- F6F9F6
シェード
- 92AA90
- 7C917A
- 677865
- 536151
- 3F4A3E
- 2C352B
- 1B211A
- 0A0E0A
- 010201
トーン
- A5BDA2
- A1B69E
- 9DAF9B
- 99A897
- 94A193
- 909B8F
- 8C948B
- 888D88
- 848784
カラーハーモニー
補色 +180°
- A9C4A6
Green Bark
- CBB1CF
≈ Windsor Purple
類似色 -30° +30°
- A9C4A6
Green Bark
- BBBF9A
≈ Animal Kingdom
- 9AC6B8
≈ Float Your Boat
トライアド +120° +240°
- A9C4A6
Green Bark
- AABCDD
≈ September Aster
- DAAFAC
≈ Borlotti Bean
スプリットコンプリメンタリー +150° +210°
- A9C4A6
Green Bark
- BBB6DA
≈ Wild Orchid Blue
- D6AEBE
≈ Kindness
テトラード +90° +180° +270°
- A9C4A6
Green Bark
- 9BC2D7
≈ Angel Sol
- CBB1CF
≈ Windsor Purple
- D7B39D
≈ Spanish Villa
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.88:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.13:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--green-bark: #a9c4a6;
--green-bark-rgb: 169 196 166;
--green-bark-oklch: oklch(0.792 0.051 142.4);
}
.element {
color: var(--green-bark);
background-color: hsl(114 20% 71%);
border-color: oklch(0.792 0.051 142.4);
}Tailwind CSS v4
@theme {
--color-green-bark: #a9c4a6;
--color-green-bark-50: #edf9ec;
--color-green-bark-100: #deedde;
--color-green-bark-200: #c8dac7;
--color-green-bark-300: #a8bfa7;
--color-green-bark-400: #8ea78b;
--color-green-bark-500: #738f70;
--color-green-bark-600: #62795f;
--color-green-bark-700: #4e614c;
--color-green-bark-800: #394736;
--color-green-bark-900: #273125;
--color-green-bark-950: #151d14;
}SCSS
$green-bark: #a9c4a6;
$green-bark-rgb: 169, 196, 166;
$green-bark-light: mix(#fff, $green-bark, 20%);
$green-bark-dark: mix(#000, $green-bark, 20%);
.element {
color: $green-bark;
box-shadow: 0 0 0 2px rgba($green-bark, 0.35);
}