最も近い色名 · #C1D6AA
#C1D6AA
最も近い色名: Morris Leaf
#C1D6AA（rgb(193 214 170)、hsl(89 35% 75%)、oklch(0.849 0.063 128.5)）に最も近い色名はMorris Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C1D6AA
oklch(0.849 0.063 128.5)
カラー変換
- HEX
- #c1d6aa
- RGB
- rgb(193 214 170)
- HSL
- hsl(89 35% 75%)
- HWB
- hwb(89 67% 16%)
- OKLCH
- oklch(0.849 0.063 128.5)
- OKLab
- oklab(0.849 -0.039 0.05)
- CIE Lab
- lab(83.18 -13.1 19.35)
- LCH
- lch(83.18 23.36 124.1)
- CMYK
- cmyk(10% 0% 21% 16%)
ティント · シェード · トーン
ティント
- C7DAB2
- CDDEBB
- D3E2C3
- D9E6CC
- E0EBD4
- E6EFDD
- ECF3E5
- F2F7EE
- F9FBF6
シェード
- A7BA93
- 8F9E7D
- 778468
- 5F6A53
- 49523F
- 343B2D
- 20251B
- 0E100B
- 020201
トーン
- BACDA6
- B4C4A2
- ADBB9E
- A6B399
- A0AA95
- 99A291
- 93998D
- 8D9189
- 868884
カラーハーモニー
補色 +180°
- C1D6AA
Morris Leaf
- D9C3EE
≈ Beefy Pink
類似色 -30° +30°
- C1D6AA
Morris Leaf
- D8CF9F
≈ Tahuna Sands
- ABDBBE
≈ Shanghai Jade
トライアド +120° +240°
- C1D6AA
Morris Leaf
- AED2F6
≈ Ice Cold Stare
- F3BDC5
≈ Strawberry Confection
スプリットコンプリメンタリー +150° +210°
- C1D6AA
Morris Leaf
- C3CAF7
≈ Light Periwinkle
- EABEDC
≈ Blackberry Yoghurt
テトラード +90° +180° +270°
- C1D6AA
Morris Leaf
- 9FD8E9
≈ Nevada Sky
- D9C3EE
≈ Beefy Pink
- F3C0B0
≈ Jazz Age Coral
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.55:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.46:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--morris-leaf: #c1d6aa;
--morris-leaf-rgb: 193 214 170;
--morris-leaf-oklch: oklch(0.849 0.063 128.5);
}
.element {
color: var(--morris-leaf);
background-color: hsl(89 35% 75%);
border-color: oklch(0.849 0.063 128.5);
}Tailwind CSS v4
@theme {
--color-morris-leaf: #c1d6aa;
--color-morris-leaf-50: #eff9e6;
--color-morris-leaf-100: #e1edd7;
--color-morris-leaf-200: #cbdabe;
--color-morris-leaf-300: #acbe9d;
--color-morris-leaf-400: #93a67e;
--color-morris-leaf-500: #7a8f61;
--color-morris-leaf-600: #677953;
--color-morris-leaf-700: #526142;
--color-morris-leaf-800: #3d472e;
--color-morris-leaf-900: #2a311f;
--color-morris-leaf-950: #171d0f;
}SCSS
$morris-leaf: #c1d6aa;
$morris-leaf-rgb: 193, 214, 170;
$morris-leaf-light: mix(#fff, $morris-leaf, 20%);
$morris-leaf-dark: mix(#000, $morris-leaf, 20%);
.element {
color: $morris-leaf;
box-shadow: 0 0 0 2px rgba($morris-leaf, 0.35);
}