色名 · #A1BCA9
Attica
Atticaは#A1BCA9：rgb(161 188 169)、hsl(138 17% 68%)、oklch(0.769 0.04 154.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Attica color name →
#A1BCA9
oklch(0.769 0.04 154.7)
カラー変換
- HEX
- #a1bca9
- RGB
- rgb(161 188 169)
- HSL
- hsl(138 17% 68%)
- HWB
- hwb(138 63% 26%)
- OKLCH
- oklch(0.769 0.04 154.7)
- OKLab
- oklab(0.769 -0.036 0.017)
- CIE Lab
- lab(73.8 -12.34 6.41)
- LCH
- lch(73.8 13.91 152.5)
- CMYK
- cmyk(14% 0% 10% 26%)
ティント · シェード · トーン
ティント
- AAC3B1
- B3C9BA
- BDD0C2
- C6D6CB
- CFDDD3
- D9E4DC
- E2EBE5
- ECF1ED
- F5F8F6
シェード
- 8BA392
- 768B7C
- 627367
- 4E5D53
- 3C473F
- 2A322C
- 191F1B
- 090D0A
- 010201
トーン
- 9EB6A5
- 9AB0A1
- 97AA9D
- 94A498
- 919E94
- 8D9890
- 8A928C
- 878C88
- 838684
カラーハーモニー
補色 +180°
- A1BCA9
Attica
- C5ABBE
≈ Monet Magic
類似色 -30° +30°
- A1BCA9
Attica
- AEB99D
≈ Foille
- 99BDB7
≈ Carnival Glass
トライアド +120° +240°
- A1BCA9
Attica
- ACB3CE
≈ Purple Freedom
- CCACA3
≈ Rose Smoke
スプリットコンプリメンタリー +150° +210°
- A1BCA9
Attica
- BAAEC9
≈ Fancy Pansy
- CBAAB1
≈ Dutchess Dawn
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.04:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.28:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--attica: #a1bca9;
--attica-rgb: 161 188 169;
--attica-oklch: oklch(0.769 0.04 154.7);
}
.element {
color: var(--attica);
background-color: hsl(138 17% 68%);
border-color: oklch(0.769 0.04 154.7);
}Tailwind CSS v4
@theme {
--color-attica: #a1bca9;
--color-attica-50: #ecf9f1;
--color-attica-100: #deece2;
--color-attica-200: #c7dacd;
--color-attica-300: #a8beaf;
--color-attica-400: #8da694;
--color-attica-500: #728e7b;
--color-attica-600: #617868;
--color-attica-700: #4d6053;
--color-attica-800: #38473c;
--color-attica-900: #263129;
--color-attica-950: #151d17;
}SCSS
$attica: #a1bca9;
$attica-rgb: 161, 188, 169;
$attica-light: mix(#fff, $attica, 20%);
$attica-dark: mix(#000, $attica, 20%);
.element {
color: $attica;
box-shadow: 0 0 0 2px rgba($attica, 0.35);
}