色名 · #2EE8BB
Aquamarine
Aquamarineは#2EE8BB：rgb(46 232 187)、hsl(165 80% 55%)、oklch(0.833 0.155 171.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Aquamarine color name →
#2EE8BB
oklch(0.833 0.155 171.2)
カラー変換
- HEX
- #2ee8bb
- RGB
- rgb(46 232 187)
- HSL
- hsl(165 80% 55%)
- HWB
- hwb(165 18% 9%)
- OKLCH
- oklch(0.833 0.155 171.2)
- OKLab
- oklab(0.833 -0.153 0.024)
- CIE Lab
- lab(82.63 -54.17 8.66)
- LCH
- lch(82.63 54.86 170.9)
- CMYK
- cmyk(80% 0% 19% 9%)
ティント · シェード · トーン
ティント
- 57EBC2
- 72EDC8
- 88F0CF
- 9CF2D6
- AFF5DD
- C0F7E3
- D0F9EA
- E0FBF1
- F0FDF8
シェード
- 27CAA2
- 1FAC8A
- 189073
- 12745C
- 0B5946
- 064032
- 02291F
- 01130D
- 000302
トーン
- 46DDB5
- 55D3AF
- 60C8A9
- 68BEA3
- 6FB49D
- 75A997
- 799F91
- 7C958C
- 7E8A86
カラーハーモニー
補色 +180°
- 2EE8BB
Aquamarine
- FFABD1
≈ Majin Bū Pink
類似色 -30° +30°
- 2EE8BB
Aquamarine
- 8CE180
≈ Feralas Lime
- 00E3EE
≈ Cold Heights
トライアド +120° +240°
- 2EE8BB
Aquamarine
- C8BEFF
≈ Lavender Tonic
- FFB589
≈ Coral Dusk
スプリットコンプリメンタリー +150° +210°
- 2EE8BB
Aquamarine
- F2A9FF
≈ Rich Brilliant Lavender
- FFB0AE
≈ Cornflower Lilac
テトラード +90° +180° +270°
- 2EE8BB
Aquamarine
- AAC9FF
≈ Night Snow
- FFABD1
≈ Majin Bū Pink
- FBBC3A
≈ Fall Gold
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.37:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.37:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--aquamarine: #2ee8bb;
--aquamarine-rgb: 46 232 187;
--aquamarine-oklch: oklch(0.833 0.155 171.2);
}
.element {
color: var(--aquamarine);
background-color: hsl(165 80% 55%);
border-color: oklch(0.833 0.155 171.2);
}Tailwind CSS v4
@theme {
--color-aquamarine: #2ee8bb;
--color-aquamarine-50: #c8fff1;
--color-aquamarine-100: #b2f9e3;
--color-aquamarine-200: #8aeace;
--color-aquamarine-300: #4fd1b0;
--color-aquamarine-400: #00bb92;
--color-aquamarine-500: #00a578;
--color-aquamarine-600: #008b66;
--color-aquamarine-700: #007052;
--color-aquamarine-800: #005239;
--color-aquamarine-900: #003927;
--color-aquamarine-950: #002415;
}SCSS
$aquamarine: #2ee8bb;
$aquamarine-rgb: 46, 232, 187;
$aquamarine-light: mix(#fff, $aquamarine, 20%);
$aquamarine-dark: mix(#000, $aquamarine, 20%);
.element {
color: $aquamarine;
box-shadow: 0 0 0 2px rgba($aquamarine, 0.35);
}