色名 · #A9AF99
Ending Spring
Ending Springは#A9AF99：rgb(169 175 153)、hsl(76 12% 64%)、oklch(0.743 0.032 119.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Ending Spring color name →
#A9AF99
oklch(0.743 0.032 119.6)
カラー変換
- HEX
- #a9af99
- RGB
- rgb(169 175 153)
- HSL
- hsl(76 12% 64%)
- HWB
- hwb(76 60% 31%)
- OKLCH
- oklch(0.743 0.032 119.6)
- OKLab
- oklab(0.743 -0.016 0.027)
- CIE Lab
- lab(70.52 -5.17 10.57)
- LCH
- lch(70.52 11.76 116)
- CMYK
- cmyk(3% 0% 13% 31%)
ティント · シェード · トーン
ティント
- B1B7A3
- BABFAD
- C2C6B7
- CBCEC1
- D3D6CB
- DCDED5
- E4E6E0
- EDEFEA
- F6F7F4
シェード
- 929884
- 7C8170
- 676B5D
- 53564A
- 3F4138
- 2C2E27
- 1B1C17
- 0A0B08
- 010101
トーン
- A5AA97
- A1A594
- 9CA192
- 989C8F
- 94978D
- 90938A
- 8C8E88
- 888985
- 848583
カラーハーモニー
補色 +180°
- A9AF99
Ending Spring
- AEA8BD
≈ Morning Mist Grey
類似色 -30° +30°
- A9AF99
Ending Spring
- B4AB96
≈ Shaggy Barked
- 9FB2A1
≈ Copper Patina
トライアド +120° +240°
- A9AF99
Ending Spring
- 9AAFBE
≈ Russian Blue
- BEA4AB
≈ Cold Pink
スプリットコンプリメンタリー +150° +210°
- A9AF99
Ending Spring
- A4ABC0
≈ Lilac Time
- B8A5B6
≈ Pansy Posy
テトラード +90° +180° +270°
- A9AF99
Ending Spring
- 96B2B7
≈ Mohair Soft Blue Grey
- AEA8BD
≈ Morning Mist Grey
- BFA5A0
≈ Mohair Mauve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.26:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.27:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.27:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--ending-spring: #a9af99;
--ending-spring-rgb: 169 175 153;
--ending-spring-oklch: oklch(0.743 0.032 119.6);
}
.element {
color: var(--ending-spring);
background-color: hsl(76 12% 64%);
border-color: oklch(0.743 0.032 119.6);
}Tailwind CSS v4
@theme {
--color-ending-spring: #a9af99;
--color-ending-spring-50: #f3f7ed;
--color-ending-spring-100: #e6eade;
--color-ending-spring-200: #d2d7c8;
--color-ending-spring-300: #b4baa9;
--color-ending-spring-400: #9ca18d;
--color-ending-spring-500: #838a72;
--color-ending-spring-600: #6f7461;
--color-ending-spring-700: #595d4d;
--color-ending-spring-800: #414438;
--color-ending-spring-900: #2d2f26;
--color-ending-spring-950: #1a1b14;
}SCSS
$ending-spring: #a9af99;
$ending-spring-rgb: 169, 175, 153;
$ending-spring-light: mix(#fff, $ending-spring, 20%);
$ending-spring-dark: mix(#000, $ending-spring, 20%);
.element {
color: $ending-spring;
box-shadow: 0 0 0 2px rgba($ending-spring, 0.35);
}