色名 · #A9BA9D
Laurel Green
Laurel Greenは#A9BA9D：rgb(169 186 157)、hsl(95 17% 67%)、oklch(0.768 0.045 132.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Laurel Green color name →
#A9BA9D
oklch(0.768 0.045 132.3)
カラー変換
- HEX
- #a9ba9d
- RGB
- rgb(169 186 157)
- HSL
- hsl(95 17% 67%)
- HWB
- hwb(95 62% 27%)
- OKLCH
- oklch(0.768 0.045 132.3)
- OKLab
- oklab(0.768 -0.03 0.033)
- CIE Lab
- lab(73.59 -10.08 12.69)
- LCH
- lch(73.59 16.21 128.5)
- CMYK
- cmyk(9% 0% 16% 27%)
ティント · シェード · トーン
ティント
- B1C1A7
- BAC8B0
- C2CEBA
- CBD5C3
- D3DCCD
- DCE3D7
- E5EAE1
- EDF1EB
- F6F8F5
シェード
- 92A188
- 7C8973
- 67725F
- 535C4C
- 3F463A
- 2C3228
- 1B1E18
- 0A0D09
- 010201
トーン
- A5B49A
- A1AE97
- 9DA894
- 98A291
- 949D8F
- 90978C
- 8C9189
- 888B86
- 848683
カラーハーモニー
補色 +180°
- A9BA9D
Laurel Green
- BDACC8
≈ Fancy Pansy
類似色 -30° +30°
- A9BA9D
Laurel Green
- B9B595
≈ Disguise
- 9BBDAB
≈ White Spruce
トライアド +120° +240°
- A9BA9D
Laurel Green
- A0B6D0
≈ Blue Satin
- CEA8AC
≈ Baby Jane
スプリットコンプリメンタリー +150° +210°
- A9BA9D
Laurel Green
- AFB1D0
≈ Pixie Violet
- C9A9BB
≈ Fragrant Lilac
テトラード +90° +180° +270°
- A9BA9D
Laurel Green
- 95BAC8
≈ Sydney Harbour
- BDACC8
≈ Fancy Pansy
- CDAB9E
≈ Art Deco Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.05:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.19:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.19:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--laurel-green: #a9ba9d;
--laurel-green-rgb: 169 186 157;
--laurel-green-oklch: oklch(0.768 0.045 132.3);
}
.element {
color: var(--laurel-green);
background-color: hsl(95 17% 67%);
border-color: oklch(0.768 0.045 132.3);
}Tailwind CSS v4
@theme {
--color-laurel-green: #a9ba9d;
--color-laurel-green-50: #f0f8eb;
--color-laurel-green-100: #e2ebdd;
--color-laurel-green-200: #ccd9c6;
--color-laurel-green-300: #aebda6;
--color-laurel-green-400: #95a489;
--color-laurel-green-500: #7b8d6e;
--color-laurel-green-600: #68775e;
--color-laurel-green-700: #535f4b;
--color-laurel-green-800: #3d4635;
--color-laurel-green-900: #2a3024;
--color-laurel-green-950: #181c13;
}SCSS
$laurel-green: #a9ba9d;
$laurel-green-rgb: 169, 186, 157;
$laurel-green-light: mix(#fff, $laurel-green, 20%);
$laurel-green-dark: mix(#000, $laurel-green, 20%);
.element {
color: $laurel-green;
box-shadow: 0 0 0 2px rgba($laurel-green, 0.35);
}