色名 · #AB9BA5
Laylock
Laylockは#AB9BA5：rgb(171 155 165)、hsl(322 9% 64%)、oklch(0.706 0.023 339.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Laylock color name →
#AB9BA5
oklch(0.706 0.023 339.8)
カラー変換
- HEX
- #ab9ba5
- RGB
- rgb(171 155 165)
- HSL
- hsl(322 9% 64%)
- HWB
- hwb(322 61% 33%)
- OKLCH
- oklch(0.706 0.023 339.8)
- OKLab
- oklab(0.706 0.022 -0.008)
- CIE Lab
- lab(65.62 7.42 -2.99)
- LCH
- lch(65.62 8 338)
- CMYK
- cmyk(0% 9% 4% 33%)
ティント · シェード · トーン
ティント
- B3A5AE
- BBAEB6
- C4B8BF
- CCC2C8
- D4CCD1
- DDD6DA
- E5E0E3
- EEEAEC
- F6F5F6
シェード
- 94868F
- 7E7279
- 685E65
- 544B51
- 40393D
- 2D282B
- 1B181A
- 0B090A
- 010101
トーン
- A798A1
- A2969D
- 9E939A
- 9A9096
- 958D92
- 918B8F
- 8D888B
- 888587
- 848384
カラーハーモニー
補色 +180°
- AB9BA5
Laylock
- 95A59B
≈ Olive Soap
類似色 -30° +30°
- AB9BA5
Laylock
- A59DAC
≈ Goose Wing Grey
- AE9B9D
≈ Powdered Brick
トライアド +120° +240°
- AB9BA5
Laylock
- A4A191
≈ Little Valley
- 91A4AB
≈ Galleria Blue
スプリットコンプリメンタリー +150° +210°
- AB9BA5
Laylock
- 9CA494
≈ Spring Spirits
- 91A5A3
≈ Galway Bay
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.63:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 7.96:1 · APCA Lc 51
最適な文字色: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--laylock: #ab9ba5;
--laylock-rgb: 171 155 165;
--laylock-oklch: oklch(0.706 0.023 339.8);
}
.element {
color: var(--laylock);
background-color: hsl(322 9% 64%);
border-color: oklch(0.706 0.023 339.8);
}Tailwind CSS v4
@theme {
--color-laylock: #ab9ba5;
--color-laylock-50: #faf3f7;
--color-laylock-100: #eee5ea;
--color-laylock-200: #dcd0d7;
--color-laylock-300: #c0b3bb;
--color-laylock-400: #a899a3;
--color-laylock-500: #91808b;
--color-laylock-600: #7b6d76;
--color-laylock-700: #62575e;
--color-laylock-800: #483f45;
--color-laylock-900: #322c30;
--color-laylock-950: #1e191c;
}SCSS
$laylock: #ab9ba5;
$laylock-rgb: 171, 155, 165;
$laylock-light: mix(#fff, $laylock, 20%);
$laylock-dark: mix(#000, $laylock, 20%);
.element {
color: $laylock;
box-shadow: 0 0 0 2px rgba($laylock, 0.35);
}