最も近い色名 · #ABCDB9
#ABCDB9
最も近い色名: Gum Leaf
#ABCDB9（rgb(171 205 185)、hsl(145 25% 74%)、oklch(0.818 0.046 159.4)）に最も近い色名はGum Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ABCDB9
oklch(0.818 0.046 159.4)
カラー変換
- HEX
- #abcdb9
- RGB
- rgb(171 205 185)
- HSL
- hsl(145 25% 74%)
- HWB
- hwb(145 67% 20%)
- OKLCH
- oklch(0.818 0.046 159.4)
- OKLab
- oklab(0.818 -0.043 0.016)
- CIE Lab
- lab(79.48 -14.71 6.03)
- LCH
- lch(79.48 15.9 157.7)
- CMYK
- cmyk(17% 0% 10% 20%)
ティント · シェード · トーン
ティント
- B3D2C0
- BCD7C7
- C4DCCE
- CCE1D5
- D5E6DC
- DDEBE3
- E6F0EA
- EEF5F1
- F7FAF8
シェード
- 94B2A0
- 7E9889
- 687E71
- 54665B
- 404E46
- 2D3831
- 1B231E
- 0B0F0D
- 010202
トーン
- A7C5B3
- A2BDAD
- 9EB5A8
- 9AAEA2
- 96A69C
- 919E96
- 8D9691
- 898F8B
- 848786
カラーハーモニー
補色 +180°
- ABCDB9
Gum Leaf
- D9B8CD
≈ Immortal Indigo
類似色 -30° +30°
- ABCDB9
Gum Leaf
- BACAAB
≈ Pale Leaf
- A2CDCA
≈ Ice Boutique Turquoise
トライアド +120° +240°
- ABCDB9
Gum Leaf
- BDC1E1
≈ Canterbury Bells
- DFBAAE
≈ Pickled Pork
スプリットコンプリメンタリー +150° +210°
- ABCDB9
Gum Leaf
- CCBCDA
≈ Petite Purple
- DFB8BD
≈ Shy Young Salmon
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.72:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.16:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--gum-leaf: #abcdb9;
--gum-leaf-rgb: 171 205 185;
--gum-leaf-oklch: oklch(0.818 0.046 159.4);
}
.element {
color: var(--gum-leaf);
background-color: hsl(145 25% 74%);
border-color: oklch(0.818 0.046 159.4);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #abcdb9;
--color-gum-leaf-50: #eaf9f1;
--color-gum-leaf-100: #dbede3;
--color-gum-leaf-200: #c4dbce;
--color-gum-leaf-300: #a4bfb0;
--color-gum-leaf-400: #88a795;
--color-gum-leaf-500: #6c907b;
--color-gum-leaf-600: #5c7a69;
--color-gum-leaf-700: #496154;
--color-gum-leaf-800: #35473c;
--color-gum-leaf-900: #243129;
--color-gum-leaf-950: #131d17;
}SCSS
$gum-leaf: #abcdb9;
$gum-leaf-rgb: 171, 205, 185;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}