最も近い色名 · #A2DFBC
#A2DFBC
最も近い色名: Glaucous Green
#A2DFBC（rgb(162 223 188)、hsl(146 49% 75%)、oklch(0.853 0.079 159)）に最も近い色名はGlaucous Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A2DFBC
oklch(0.853 0.079 159)
カラー変換
- HEX
- #a2dfbc
- RGB
- rgb(162 223 188)
- HSL
- hsl(146 49% 75%)
- HWB
- hwb(146 64% 13%)
- OKLCH
- oklch(0.853 0.079 159)
- OKLab
- oklab(0.853 -0.074 0.028)
- CIE Lab
- lab(83.96 -25.53 10.68)
- LCH
- lch(83.96 27.67 157.3)
- CMYK
- cmyk(27% 0% 16% 13%)
ティント · シェード · トーン
ティント
- ACE2C3
- B5E6C9
- BFE9D0
- C8ECD7
- D1EFDD
- DBF2E4
- E4F6EB
- EDF9F1
- F6FCF8
シェード
- 8CC2A3
- 77A58B
- 638A73
- 4F6F5D
- 3C5647
- 2A3D32
- 19271F
- 0A120D
- 010202
トーン
- 9FD5B6
- 9CCBB0
- 99C2AA
- 96B8A4
- 92AF9E
- 8FA598
- 8B9C92
- 88928C
- 848986
カラーハーモニー
補色 +180°
- A2DFBC
Glaucous Green
- F2BBE0
≈ Pink Heath
類似色 -30° +30°
- A2DFBC
Glaucous Green
- BFD9A2
≈ Embroidered Silk
- 90E0D9
≈ Pale Beryl
トライアド +120° +240°
- A2DFBC
Glaucous Green
- C4CAFF
≈ Light Periwinkle
- FDBEA9
≈ Porcellana
スプリットコンプリメンタリー +150° +210°
- A2DFBC
Glaucous Green
- DEC1F7
≈ Beefy Pink
- FDBAC4
≈ Pink Bubble Tea
テトラード +90° +180° +270°
- A2DFBC
Glaucous Green
- A8D3FF
≈ Malmö FF
- F2BBE0
≈ Pink Heath
- F1C696
≈ Humble Gold
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.51:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.81:1 · APCA Lc 79
最適な文字色: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--glaucous-green: #a2dfbc;
--glaucous-green-rgb: 162 223 188;
--glaucous-green-oklch: oklch(0.853 0.079 159);
}
.element {
color: var(--glaucous-green);
background-color: hsl(146 49% 75%);
border-color: oklch(0.853 0.079 159);
}Tailwind CSS v4
@theme {
--color-glaucous-green: #a2dfbc;
--color-glaucous-green-50: #e2fdee;
--color-glaucous-green-100: #d2f1df;
--color-glaucous-green-200: #b8dfc9;
--color-glaucous-green-300: #94c4aa;
--color-glaucous-green-400: #75ad8e;
--color-glaucous-green-500: #549673;
--color-glaucous-green-600: #487f62;
--color-glaucous-green-700: #3a664e;
--color-glaucous-green-800: #2a4b37;
--color-glaucous-green-900: #1c3426;
--color-glaucous-green-950: #0c1f14;
}SCSS
$glaucous-green: #a2dfbc;
$glaucous-green-rgb: 162, 223, 188;
$glaucous-green-light: mix(#fff, $glaucous-green, 20%);
$glaucous-green-dark: mix(#000, $glaucous-green, 20%);
.element {
color: $glaucous-green;
box-shadow: 0 0 0 2px rgba($glaucous-green, 0.35);
}