色名 · #1CAC78
Bright Camouflage
Bright Camouflageは#1CAC78：rgb(28 172 120)、hsl(158 72% 39%)、oklch(0.661 0.139 162.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Bright Camouflage color name →
#1CAC78
oklch(0.661 0.139 162.1)
カラー変換
- HEX
- #1cac78
- RGB
- rgb(28 172 120)
- HSL
- hsl(158 72% 39%)
- HWB
- hwb(158 11% 33%)
- OKLCH
- oklch(0.661 0.139 162.1)
- OKLab
- oklab(0.661 -0.132 0.043)
- CIE Lab
- lab(62.48 -46.92 16.2)
- LCH
- lch(62.48 49.64 161)
- CMYK
- cmyk(84% 0% 30% 33%)
ティント · シェード · トーン
ティント
- 44B585
- 5FBD92
- 76C59F
- 8BCEAC
- 9FD6BA
- B3DEC7
- C6E7D5
- D9EFE3
- ECF7F1
シェード
- 179567
- 127F57
- 0D6948
- 085439
- 05402A
- 022D1D
- 011B10
- 000B05
- 000101
トーン
- 34A879
- 44A47A
- 509F7B
- 599B7C
- 62977D
- 69927D
- 708E7E
- 76897F
- 7B857F
カラーハーモニー
補色 +180°
- 1CAC78
Bright Camouflage
- CB6DAA
≈ Sugar Creek
類似色 -30° +30°
- 1CAC78
Bright Camouflage
- 72A443
≈ Festival Green
- 00A8A4
≈ Jadestone
トライアド +120° +240°
- 1CAC78
Bright Camouflage
- 8686E4
≈ Indigo Bloom
- D77249
≈ Field Poppy
スプリットコンプリメンタリー +150° +210°
- 1CAC78
Bright Camouflage
- AF77CF
≈ Lavender Blossom
- D96B7B
≈ Pinkish
テトラード +90° +180° +270°
- 1CAC78
Bright Camouflage
- 4D96E4
≈ United Nations Blue
- CB6DAA
≈ Sugar Creek
- C6820D
≈ Bubonic Brown
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.90:1 · APCA Lc 55
Ag
AAA黒の上
WCAG 7.22:1 · APCA Lc 47
最適な文字色: #000000
WCAG 7.22:1 (AAA) · APCA Lc 47
Contrast pairs
コードスニペット
CSS
:root {
--bright-camouflage: #1cac78;
--bright-camouflage-rgb: 28 172 120;
--bright-camouflage-oklch: oklch(0.661 0.139 162.1);
}
.element {
color: var(--bright-camouflage);
background-color: hsl(158 72% 39%);
border-color: oklch(0.661 0.139 162.1);
}Tailwind CSS v4
@theme {
--color-bright-camouflage: #1cac78;
--color-bright-camouflage-50: #d2ffeb;
--color-bright-camouflage-100: #bef7dc;
--color-bright-camouflage-200: #9be7c5;
--color-bright-camouflage-300: #6dcea4;
--color-bright-camouflage-400: #3db785;
--color-bright-camouflage-500: #00a169;
--color-bright-camouflage-600: #008859;
--color-bright-camouflage-700: #006d47;
--color-bright-camouflage-800: #005031;
--color-bright-camouflage-900: #003821;
--color-bright-camouflage-950: #002211;
}SCSS
$bright-camouflage: #1cac78;
$bright-camouflage-rgb: 28, 172, 120;
$bright-camouflage-light: mix(#fff, $bright-camouflage, 20%);
$bright-camouflage-dark: mix(#000, $bright-camouflage, 20%);
.element {
color: $bright-camouflage;
box-shadow: 0 0 0 2px rgba($bright-camouflage, 0.35);
}