色名 · #FFD7A5
Fresh Apricot
Fresh Apricotは#FFD7A5：rgb(255 215 165)、hsl(33 100% 82%)、oklch(0.901 0.078 72.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Fresh Apricot color name →
#FFD7A5
oklch(0.901 0.078 72.8)
カラー変換
- HEX
- #ffd7a5
- RGB
- rgb(255 215 165)
- HSL
- hsl(33 100% 82%)
- HWB
- hwb(33 65% 0%)
- OKLCH
- oklch(0.901 0.078 72.8)
- OKLab
- oklab(0.901 0.023 0.075)
- CIE Lab
- lab(88.56 9.44 30.21)
- LCH
- lch(88.56 31.65 72.6)
- CMYK
- cmyk(0% 16% 35% 0%)
ティント · シェード · トーン
ティント
- FFDBAE
- FFDFB7
- FFE3C1
- FFE7CA
- FFEBD3
- FFEFDC
- FFF3E4
- FFF7ED
- FFFBF6
シェード
- DEBB8F
- BE9F79
- 9E8565
- 806B51
- 63523D
- 483B2B
- 2E251A
- 16110A
- 030201
トーン
- F2CEA2
- E5C59E
- D8BC9B
- CBB497
- BEAB93
- B1A290
- A5998C
- 989188
- 8C8884
カラーハーモニー
補色 +180°
- FFD7A5
Fresh Apricot
- C8E1FF
≈ Arc Light
類似色 -30° +30°
- FFD7A5
Fresh Apricot
- FFD4C2
≈ Simply Delicious
- E8E1A5
≈ Breath of Spring
トライアド +120° +240°
- FFD7A5
Fresh Apricot
- 9FF0EC
≈ Freezy Breezy
- EED2FF
≈ Rose Dragée
スプリットコンプリメンタリー +150° +210°
- FFD7A5
Fresh Apricot
- AEE9FF
≈ Fresh Air
- D9DBFF
≈ Transparent Blue
テトラード +90° +180° +270°
- FFD7A5
Fresh Apricot
- AFEFCF
≈ Seafoam Splashes
- C8E1FF
≈ Arc Light
- FFCEEA
≈ Classic Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.51:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--fresh-apricot: #ffd7a5;
--fresh-apricot-rgb: 255 215 165;
--fresh-apricot-oklch: oklch(0.901 0.078 72.8);
}
.element {
color: var(--fresh-apricot);
background-color: hsl(33 100% 82%);
border-color: oklch(0.901 0.078 72.8);
}Tailwind CSS v4
@theme {
--color-fresh-apricot: #ffd7a5;
--color-fresh-apricot-50: #fff3dd;
--color-fresh-apricot-100: #f8e5cc;
--color-fresh-apricot-200: #e9d0b0;
--color-fresh-apricot-300: #d0b28b;
--color-fresh-apricot-400: #bb976a;
--color-fresh-apricot-500: #a67e49;
--color-fresh-apricot-600: #8c6b3e;
--color-fresh-apricot-700: #705531;
--color-fresh-apricot-800: #543e23;
--color-fresh-apricot-900: #3a2a17;
--color-fresh-apricot-950: #241808;
}SCSS
$fresh-apricot: #ffd7a5;
$fresh-apricot-rgb: 255, 215, 165;
$fresh-apricot-light: mix(#fff, $fresh-apricot, 20%);
$fresh-apricot-dark: mix(#000, $fresh-apricot, 20%);
.element {
color: $fresh-apricot;
box-shadow: 0 0 0 2px rgba($fresh-apricot, 0.35);
}