色名 · #FCD8B5
Young Apricot
Young Apricotは#FCD8B5：rgb(252 216 181)、hsl(30 92% 85%)、oklch(0.904 0.061 66.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Young Apricot color name →
#FCD8B5
oklch(0.904 0.061 66.1)
カラー変換
- HEX
- #fcd8b5
- RGB
- rgb(252 216 181)
- HSL
- hsl(30 92% 85%)
- HWB
- hwb(30 71% 1%)
- OKLCH
- oklch(0.904 0.061 66.1)
- OKLab
- oklab(0.904 0.025 0.056)
- CIE Lab
- lab(88.77 9.24 22.21)
- LCH
- lch(88.77 24.05 67.4)
- CMYK
- cmyk(0% 14% 28% 1%)
ティント · シェード · トーン
ティント
- FCDCBC
- FDE0C4
- FDE4CB
- FEE8D3
- FEECDA
- FEF0E2
- FEF3E9
- FFF7F0
- FFFBF8
シェード
- DBBC9D
- BBA086
- 9C856F
- 7E6B59
- 625344
- 473B30
- 2D251D
- 16110C
- 030202
トーン
- EFCFB0
- E2C6AA
- D5BDA5
- C9B4A0
- BCAB9B
- B0A295
- A49A90
- 98918B
- 8C8885
カラーハーモニー
補色 +180°
- FCD8B5
Young Apricot
- C5E3FF
≈ Fresh Water
類似色 -30° +30°
- FCD8B5
Young Apricot
- FFD4C8
≈ Romantic Morn
- EBE0B2
≈ Cookies and Cream
トライアド +120° +240°
- FCD8B5
Young Apricot
- B2EDE5
≈ East Cape
- E9D6FF
≈ Rose Dragée
スプリットコンプリメンタリー +150° +210°
- FCD8B5
Young Apricot
- B1EAF9
≈ Beyond the Clouds
- D6DDFF
≈ Transparent Blue
テトラード +90° +180° +270°
- FCD8B5
Young Apricot
- BFECCF
≈ Lost Lace
- C5E3FF
≈ Fresh Water
- FAD1EF
≈ Shampoo
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.34:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.62:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.62:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--young-apricot: #fcd8b5;
--young-apricot-rgb: 252 216 181;
--young-apricot-oklch: oklch(0.904 0.061 66.1);
}
.element {
color: var(--young-apricot);
background-color: hsl(30 92% 85%);
border-color: oklch(0.904 0.061 66.1);
}Tailwind CSS v4
@theme {
--color-young-apricot: #fcd8b5;
--color-young-apricot-50: #fff2e3;
--color-young-apricot-100: #f6e5d3;
--color-young-apricot-200: #e6d0b9;
--color-young-apricot-300: #cdb296;
--color-young-apricot-400: #b89878;
--color-young-apricot-500: #a27e5a;
--color-young-apricot-600: #896b4d;
--color-young-apricot-700: #6e553d;
--color-young-apricot-800: #513e2c;
--color-young-apricot-900: #392b1e;
--color-young-apricot-950: #23180e;
}SCSS
$young-apricot: #fcd8b5;
$young-apricot-rgb: 252, 216, 181;
$young-apricot-light: mix(#fff, $young-apricot, 20%);
$young-apricot-dark: mix(#000, $young-apricot, 20%);
.element {
color: $young-apricot;
box-shadow: 0 0 0 2px rgba($young-apricot, 0.35);
}