色名 · #32FFDC
Aurichalcite
Aurichalciteは#32FFDC：rgb(50 255 220)、hsl(170 100% 60%)、oklch(0.898 0.158 177.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Aurichalcite color name →
#32FFDC
oklch(0.898 0.158 177.3)
カラー変換
- HEX
- #32ffdc
- RGB
- rgb(50 255 220)
- HSL
- hsl(170 100% 60%)
- HWB
- hwb(170 20% 0%)
- OKLCH
- oklch(0.898 0.158 177.3)
- OKLab
- oklab(0.898 -0.158 0.007)
- CIE Lab
- lab(90.2 -55.68 2.4)
- LCH
- lch(90.2 55.73 177.5)
- CMYK
- cmyk(80% 0% 14% 0%)
ティント · シェード · トーン
ティント
- 5CFFDF
- 78FFE3
- 8FFFE6
- A2FFEA
- B4FFED
- C5FFF1
- D4FFF4
- E3FFF8
- F1FFFB
シェード
- 2ADEBF
- 22BEA3
- 1B9E88
- 14806E
- 0D6354
- 07483C
- 032E26
- 011611
- 000302
トーン
- 4BF2D2
- 5AE5C9
- 65D8BF
- 6ECBB6
- 74BEAD
- 79B2A4
- 7CA59B
- 7E9992
- 808C89
カラーハーモニー
補色 +180°
- 32FFDC
Aurichalcite
- FFCEDE
≈ Bologna Sausage
類似色 -30° +30°
- 32FFDC
Aurichalcite
- 90FA9F
≈ Toxic Frog
- 88F0FF
≈ Shallow Water
トライアド +120° +240°
- 32FFDC
Aurichalcite
- E1D6FF
≈ Pale Lavender
- FFD4B5
≈ Curtsy
スプリットコンプリメンタリー +150° +210°
- 32FFDC
Aurichalcite
- FFC8FD
≈ Sugar Chic
- FFD1CA
≈ Snow Pa
テトラード +90° +180° +270°
- 32FFDC
Aurichalcite
- CFDDFF
≈ Arc Light
- FFCEDE
≈ Bologna Sausage
- FFD97D
≈ Lantern Gold
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.27:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.47:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.47:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--aurichalcite: #32ffdc;
--aurichalcite-rgb: 50 255 220;
--aurichalcite-oklch: oklch(0.898 0.158 177.3);
}
.element {
color: var(--aurichalcite);
background-color: hsl(170 100% 60%);
border-color: oklch(0.898 0.158 177.3);
}Tailwind CSS v4
@theme {
--color-aurichalcite: #32ffdc;
--color-aurichalcite-50: #c4fff6;
--color-aurichalcite-100: #adfae9;
--color-aurichalcite-200: #82ebd6;
--color-aurichalcite-300: #3fd2b9;
--color-aurichalcite-400: #00bc9d;
--color-aurichalcite-500: #00a685;
--color-aurichalcite-600: #008c70;
--color-aurichalcite-700: #00705a;
--color-aurichalcite-800: #00533f;
--color-aurichalcite-900: #003a2c;
--color-aurichalcite-950: #002419;
}SCSS
$aurichalcite: #32ffdc;
$aurichalcite-rgb: 50, 255, 220;
$aurichalcite-light: mix(#fff, $aurichalcite, 20%);
$aurichalcite-dark: mix(#000, $aurichalcite, 20%);
.element {
color: $aurichalcite;
box-shadow: 0 0 0 2px rgba($aurichalcite, 0.35);
}