色名 · #FFCC95
Tangerine Silk
Tangerine Silkは#FFCC95：rgb(255 204 149)、hsl(31 100% 79%)、oklch(0.878 0.091 68.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Tangerine Silk color name →
#FFCC95
oklch(0.878 0.091 68.3)
カラー変換
- HEX
- #ffcc95
- RGB
- rgb(255 204 149)
- HSL
- hsl(31 100% 79%)
- HWB
- hwb(31 58% 0%)
- OKLCH
- oklch(0.878 0.091 68.3)
- OKLab
- oklab(0.878 0.034 0.085)
- CIE Lab
- lab(85.68 13.54 34.64)
- LCH
- lch(85.68 37.19 68.6)
- CMYK
- cmyk(0% 20% 42% 0%)
ティント · シェード · トーン
ティント
- FFD1A0
- FFD6AB
- FFDCB6
- FFE1C0
- FFE6CB
- FFEBD5
- FFF0E0
- FFF5EA
- FFFAF5
シェード
- DEB181
- BE976D
- 9E7E5A
- 806548
- 634E37
- 483726
- 2E2216
- 160F08
- 030201
トーン
- F2C493
- E5BD92
- D8B590
- CBAD8E
- BEA68C
- B19E8A
- A59788
- 998F85
- 8C8783
カラーハーモニー
補色 +180°
- FFCC95
Tangerine Silk
- B7DBFF
≈ Broad Daylight
類似色 -30° +30°
- FFCC95
Tangerine Silk
- FFC8B7
≈ Peach Fuzz
- E6D891
≈ Pineapple Slice
トライアド +120° +240°
- FFCC95
Tangerine Silk
- 8CEBE2
≈ Bath Water
- E5C9FF
≈ Wisteria Powder
スプリットコンプリメンタリー +150° +210°
- FFCC95
Tangerine Silk
- 8EE6FF
≈ Winter Wizard
- CDD4FF
≈ Pale Phthalo Blue
テトラード +90° +180° +270°
- FFCC95
Tangerine Silk
- A3EAC0
≈ Nightly Aurora
- B7DBFF
≈ Broad Daylight
- FFC0EB
≈ Pretty in Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.32:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.32:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--tangerine-silk: #ffcc95;
--tangerine-silk-rgb: 255 204 149;
--tangerine-silk-oklch: oklch(0.878 0.091 68.3);
}
.element {
color: var(--tangerine-silk);
background-color: hsl(31 100% 79%);
border-color: oklch(0.878 0.091 68.3);
}Tailwind CSS v4
@theme {
--color-tangerine-silk: #ffcc95;
--color-tangerine-silk-50: #fff1da;
--color-tangerine-silk-100: #fce3c8;
--color-tangerine-silk-200: #eeceaa;
--color-tangerine-silk-300: #d6b084;
--color-tangerine-silk-400: #c29462;
--color-tangerine-silk-500: #ae7a3e;
--color-tangerine-silk-600: #936835;
--color-tangerine-silk-700: #76532a;
--color-tangerine-silk-800: #583c1e;
--color-tangerine-silk-900: #3d2913;
--color-tangerine-silk-950: #271705;
}SCSS
$tangerine-silk: #ffcc95;
$tangerine-silk-rgb: 255, 204, 149;
$tangerine-silk-light: mix(#fff, $tangerine-silk, 20%);
$tangerine-silk-dark: mix(#000, $tangerine-silk, 20%);
.element {
color: $tangerine-silk;
box-shadow: 0 0 0 2px rgba($tangerine-silk, 0.35);
}