色名 · #029D74
Free Speech Aquamarine
Free Speech Aquamarineは#029D74：rgb(2 157 116)、hsl(164 97% 31%)、oklch(0.617 0.127 166.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Free Speech Aquamarine color name →
#029D74
oklch(0.617 0.127 166.3)
カラー変換
- HEX
- #029d74
- RGB
- rgb(2 157 116)
- HSL
- hsl(164 97% 31%)
- HWB
- hwb(164 1% 38%)
- OKLCH
- oklch(0.617 0.127 166.3)
- OKLab
- oklab(0.617 -0.124 0.03)
- CIE Lab
- lab(57.31 -44.07 11.25)
- LCH
- lch(57.31 45.49 165.7)
- CMYK
- cmyk(99% 0% 26% 38%)
ティント · シェード · トーン
ティント
- 3AA781
- 56B18E
- 6EBB9C
- 84C4AA
- 99CEB7
- AED8C5
- C3E2D4
- D7EBE2
- EBF5F0
シェード
- 018864
- 017354
- 015F45
- 004C37
- 003A29
- 00281B
- 00180F
- 000905
- 000101
トーン
- 299A75
- 3B9877
- 489578
- 539279
- 5D8F7A
- 658C7B
- 6C897D
- 73867E
- 7A837F
カラーハーモニー
補色 +180°
- 029D74
Free Speech Aquamarine
- BB6395
≈ Spring Crocus
類似色 -30° +30°
- 029D74
Free Speech Aquamarine
- 609645
≈ Bredon Green
- 00989A
≈ Regula Barbara Blue
トライアド +120° +240°
- 029D74
Free Speech Aquamarine
- 8078CE
≈ Kickstart Purple
- C26A3D
≈ Peach Caramel
スプリットコンプリメンタリー +150° +210°
- 029D74
Free Speech Aquamarine
- A36CB8
≈ Soft Purple
- C6626A
≈ Triple Berry
テトラード +90° +180° +270°
- 029D74
Free Speech Aquamarine
- 4F86D1
≈ Blue Sonki
- BB6395
≈ Spring Crocus
- B0790A
≈ Golden Brown
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.45:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.07:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--free-speech-aquamarine: #029d74;
--free-speech-aquamarine-rgb: 2 157 116;
--free-speech-aquamarine-oklch: oklch(0.617 0.127 166.3);
}
.element {
color: var(--free-speech-aquamarine);
background-color: hsl(164 97% 31%);
border-color: oklch(0.617 0.127 166.3);
}Tailwind CSS v4
@theme {
--color-free-speech-aquamarine: #029d74;
--color-free-speech-aquamarine-50: #d3ffee;
--color-free-speech-aquamarine-100: #bff6e0;
--color-free-speech-aquamarine-200: #9de6ca;
--color-free-speech-aquamarine-300: #70cdab;
--color-free-speech-aquamarine-400: #42b68d;
--color-free-speech-aquamarine-500: #00a073;
--color-free-speech-aquamarine-600: #008761;
--color-free-speech-aquamarine-700: #006c4e;
--color-free-speech-aquamarine-800: #005037;
--color-free-speech-aquamarine-900: #003825;
--color-free-speech-aquamarine-950: #002214;
}SCSS
$free-speech-aquamarine: #029d74;
$free-speech-aquamarine-rgb: 2, 157, 116;
$free-speech-aquamarine-light: mix(#fff, $free-speech-aquamarine, 20%);
$free-speech-aquamarine-dark: mix(#000, $free-speech-aquamarine, 20%);
.element {
color: $free-speech-aquamarine;
box-shadow: 0 0 0 2px rgba($free-speech-aquamarine, 0.35);
}