最も近い色名 · #A59895
#A59895
最も近い色名: Cortex
#A59895（rgb(165 152 149)、hsl(11 8% 62%)、oklch(0.69 0.016 33.1)）に最も近い色名はCortexです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A59895
oklch(0.69 0.016 33.1)
カラー変換
- HEX
- #a59895
- RGB
- rgb(165 152 149)
- HSL
- hsl(11 8% 62%)
- HWB
- hwb(11 58% 35%)
- OKLCH
- oklch(0.69 0.016 33.1)
- OKLab
- oklab(0.69 0.013 0.009)
- CIE Lab
- lab(63.92 4.55 3.4)
- LCH
- lch(63.92 5.68 36.8)
- CMYK
- cmyk(0% 8% 10% 35%)
ティント · シェード · トーン
ティント
- AEA29F
- B6ACA9
- BFB6B4
- C8C0BE
- D1CAC9
- DAD5D3
- E3DFDE
- ECEAE9
- F6F4F4
シェード
- 8F8481
- 79706D
- 655C5A
- 514A48
- 3D3837
- 2B2726
- 1A1716
- 0A0808
- 010101
トーン
- A19693
- 9E9391
- 9A918F
- 968E8D
- 928C8A
- 8F8A88
- 8B8786
- 878584
- 848282
カラーハーモニー
補色 +180°
- A59895
Cortex
- 919EA1
≈ Rain Cloud
類似色 -30° +30°
- A59895
Cortex
- A5979A
≈ Laura
- A39991
≈ Grey Flanks
トライアド +120° +240°
- A59895
Cortex
- 949E97
≈ Marble Green
- 989BA6
≈ Dusky Mood
スプリットコンプリメンタリー +150° +210°
- A59895
Cortex
- 919F9C
≈ Hatteras Grey
- 939DA5
≈ Soft Pumice
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--cortex: #a59895;
--cortex-rgb: 165 152 149;
--cortex-oklch: oklch(0.69 0.016 33.1);
}
.element {
color: var(--cortex);
background-color: hsl(11 8% 62%);
border-color: oklch(0.69 0.016 33.1);
}Tailwind CSS v4
@theme {
--color-cortex: #a59895;
--color-cortex-50: #faf4f2;
--color-cortex-100: #ede6e4;
--color-cortex-200: #dbd2d0;
--color-cortex-300: #bfb5b2;
--color-cortex-400: #a89b98;
--color-cortex-500: #90837f;
--color-cortex-600: #7a6f6c;
--color-cortex-700: #625856;
--color-cortex-800: #48403f;
--color-cortex-900: #322c2b;
--color-cortex-950: #1e1919;
}SCSS
$cortex: #a59895;
$cortex-rgb: 165, 152, 149;
$cortex-light: mix(#fff, $cortex, 20%);
$cortex-dark: mix(#000, $cortex, 20%);
.element {
color: $cortex;
box-shadow: 0 0 0 2px rgba($cortex, 0.35);
}