色名 · #FF81C0
Pink Tease
Pink Teaseは#FF81C0：rgb(255 129 192)、hsl(330 100% 75%)、oklch(0.763 0.167 350.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Pink Tease color name →
#FF81C0
oklch(0.763 0.167 350.5)
カラー変換
- HEX
- #ff81c0
- RGB
- rgb(255 129 192)
- HSL
- hsl(330 100% 75%)
- HWB
- hwb(330 51% 0%)
- OKLCH
- oklch(0.763 0.167 350.5)
- OKLab
- oklab(0.763 0.165 -0.028)
- CIE Lab
- lab(70.3 53.92 -9.83)
- LCH
- lch(70.3 54.81 349.7)
- CMYK
- cmyk(0% 49% 25% 0%)
ティント · シェード · トーン
ティント
- FF8FC6
- FF9CCC
- FFA9D3
- FFB5D9
- FFC2DF
- FFCEE6
- FFDBEC
- FFE7F2
- FFF3F9
シェード
- DE6FA7
- BE5E8E
- 9E4E76
- 803E5F
- 632E49
- 481F34
- 2E1220
- 16060E
- 030102
トーン
- F382B9
- E683B3
- DA83AC
- CD83A6
- C183A0
- B48399
- A88393
- 9B828C
- 8D8186
カラーハーモニー
補色 +180°
- FF81C0
Pink Tease
- 00D0A4
≈ Wild Caribbean Green
類似色 -30° +30°
- FF81C0
Pink Tease
- E18CF3
≈ Bright Lilac
- FF8B8C
≈ Coral Trails
トライアド +120° +240°
- FF81C0
Pink Tease
- B9BA00
≈ Pickled Limes
- 15C2FF
≈ Spiro Disco Ball
スプリットコンプリメンタリー +150° +210°
- FF81C0
Pink Tease
- 72CB61
≈ Green Flash
- 00CAD3
≈ Jade Glass
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.29:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.15:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--pink-tease: #ff81c0;
--pink-tease-rgb: 255 129 192;
--pink-tease-oklch: oklch(0.763 0.167 350.5);
}
.element {
color: var(--pink-tease);
background-color: hsl(330 100% 75%);
border-color: oklch(0.763 0.167 350.5);
}Tailwind CSS v4
@theme {
--color-pink-tease: #ff81c0;
--color-pink-tease-50: #ffe2fa;
--color-pink-tease-100: #ffd1ed;
--color-pink-tease-200: #ffb7db;
--color-pink-tease-300: #f892c0;
--color-pink-tease-400: #e670ab;
--color-pink-tease-500: #d34c95;
--color-pink-tease-600: #b2427e;
--color-pink-tease-700: #8f3465;
--color-pink-tease-800: #6a254c;
--color-pink-tease-900: #4b1935;
--color-pink-tease-950: #310920;
}SCSS
$pink-tease: #ff81c0;
$pink-tease-rgb: 255, 129, 192;
$pink-tease-light: mix(#fff, $pink-tease, 20%);
$pink-tease-dark: mix(#000, $pink-tease, 20%);
.element {
color: $pink-tease;
box-shadow: 0 0 0 2px rgba($pink-tease, 0.35);
}