色名 · #F4C4A5
Australian Apricot
Australian Apricotは#F4C4A5：rgb(244 196 165)、hsl(24 78% 80%)、oklch(0.855 0.069 54.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Australian Apricot color name →
#F4C4A5
oklch(0.855 0.069 54.4)
カラー変換
- HEX
- #f4c4a5
- RGB
- rgb(244 196 165)
- HSL
- hsl(24 78% 80%)
- HWB
- hwb(24 65% 4%)
- OKLCH
- oklch(0.855 0.069 54.4)
- OKLab
- oklab(0.855 0.04 0.056)
- CIE Lab
- lab(82.9 14.54 22.45)
- LCH
- lch(82.9 26.74 57.1)
- CMYK
- cmyk(0% 20% 32% 4%)
ティント · シェード · トーン
ティント
- F5CAAE
- F7D0B7
- F8D6C0
- F9DCC9
- FAE2D2
- FBE7DB
- FCEDE4
- FDF3ED
- FEF9F6
シェード
- D4AA8F
- B59179
- 977865
- 7A6151
- 5E4A3D
- 44352B
- 2B211A
- 140E0A
- 030201
トーン
- E8BDA1
- DCB69E
- D0AF9A
- C5A897
- B9A293
- AD9B8F
- A2948B
- 978D88
- 8B8784
カラーハーモニー
補色 +180°
- F4C4A5
Australian Apricot
- A3D8F6
≈ Juzcar Blue
類似色 -30° +30°
- F4C4A5
Australian Apricot
- FABEB9
≈ Mystic Rose
- E5CC9C
≈ Prairie Land
トライアド +120° +240°
- F4C4A5
Australian Apricot
- A0DFCC
≈ Tropical Freeze
- D2C7F9
≈ Innocent Snowdrop
スプリットコンプリメンタリー +150° +210°
- F4C4A5
Australian Apricot
- 99DDE4
≈ Cool Water Lake
- B9D0FE
≈ Ice Cold Stare
テトラード +90° +180° +270°
- F4C4A5
Australian Apricot
- B4DCB4
≈ A Mann’s Mint
- A3D8F6
≈ Juzcar Blue
- E7C1E9
≈ Prom Corsage
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.58:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.28:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--australian-apricot: #f4c4a5;
--australian-apricot-rgb: 244 196 165;
--australian-apricot-oklch: oklch(0.855 0.069 54.4);
}
.element {
color: var(--australian-apricot);
background-color: hsl(24 78% 80%);
border-color: oklch(0.855 0.069 54.4);
}Tailwind CSS v4
@theme {
--color-australian-apricot: #f4c4a5;
--color-australian-apricot-50: #fff1e3;
--color-australian-apricot-100: #fbe3d2;
--color-australian-apricot-200: #eccdb8;
--color-australian-apricot-300: #d4af96;
--color-australian-apricot-400: #bf9478;
--color-australian-apricot-500: #aa7a5a;
--color-australian-apricot-600: #90674c;
--color-australian-apricot-700: #73533d;
--color-australian-apricot-800: #563c2c;
--color-australian-apricot-900: #3c291d;
--color-australian-apricot-950: #25170e;
}SCSS
$australian-apricot: #f4c4a5;
$australian-apricot-rgb: 244, 196, 165;
$australian-apricot-light: mix(#fff, $australian-apricot, 20%);
$australian-apricot-dark: mix(#000, $australian-apricot, 20%);
.element {
color: $australian-apricot;
box-shadow: 0 0 0 2px rgba($australian-apricot, 0.35);
}