色名 · #FFE7C8
Antigua Sunrise
Antigua Sunriseは#FFE7C8：rgb(255 231 200)、hsl(34 100% 89%)、oklch(0.94 0.048 74.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Antigua Sunrise color name →
#FFE7C8
oklch(0.94 0.048 74.2)
カラー変換
- HEX
- #ffe7c8
- RGB
- rgb(255 231 200)
- HSL
- hsl(34 100% 89%)
- HWB
- hwb(34 78% 0%)
- OKLCH
- oklch(0.94 0.048 74.2)
- OKLab
- oklab(0.94 0.013 0.047)
- CIE Lab
- lab(93.03 4.99 18.29)
- LCH
- lch(93.03 18.96 74.8)
- CMYK
- cmyk(0% 9% 22% 0%)
ティント · シェード · トーン
ティント
- FFE9CE
- FFECD3
- FFEED9
- FFF1DE
- FFF3E4
- FFF5E9
- FFF8EF
- FFFAF4
- FFFDFA
シェード
- DEC9AE
- BEAB94
- 9E8F7B
- 807363
- 63594C
- 484036
- 2E2821
- 16130F
- 030302
トーン
- F2DCC1
- E4D2B9
- D7C7B2
- CABDAB
- BEB2A4
- B1A89C
- A49E95
- 98948E
- 8C8A87
カラーハーモニー
補色 +180°
- FFE7C8
Antigua Sunrise
- DEEDFF
≈ Calcareous Sinter
類似色 -30° +30°
- FFE7C8
Antigua Sunrise
- FFE5DA
≈ French Manicure
- F0EDC8
≈ Home Song
トライアド +120° +240°
- FFE7C8
Antigua Sunrise
- C6F6F5
≈ Vaporised
- F5E3FF
≈ Soft Lavender
スプリットコンプリメンタリー +150° +210°
- FFE7C8
Antigua Sunrise
- D0F1FF
≈ Blue Hijab
- E8E9FF
≈ Glitter
テトラード +90° +180° +270°
- FFE7C8
Antigua Sunrise
- CEF6E3
≈ Cactus Water
- DEEDFF
≈ Calcareous Sinter
- FFE1F1
≈ Pale Blossom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.19:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.51:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.51:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--antigua-sunrise: #ffe7c8;
--antigua-sunrise-rgb: 255 231 200;
--antigua-sunrise-oklch: oklch(0.94 0.048 74.2);
}
.element {
color: var(--antigua-sunrise);
background-color: hsl(34 100% 89%);
border-color: oklch(0.94 0.048 74.2);
}Tailwind CSS v4
@theme {
--color-antigua-sunrise: #ffe7c8;
--color-antigua-sunrise-50: #fdf4e6;
--color-antigua-sunrise-100: #f1e6d6;
--color-antigua-sunrise-200: #e0d2be;
--color-antigua-sunrise-300: #c6b59c;
--color-antigua-sunrise-400: #b09b7f;
--color-antigua-sunrise-500: #9a8262;
--color-antigua-sunrise-600: #826e54;
--color-antigua-sunrise-700: #685843;
--color-antigua-sunrise-800: #4d4030;
--color-antigua-sunrise-900: #352c20;
--color-antigua-sunrise-950: #211910;
}SCSS
$antigua-sunrise: #ffe7c8;
$antigua-sunrise-rgb: 255, 231, 200;
$antigua-sunrise-light: mix(#fff, $antigua-sunrise, 20%);
$antigua-sunrise-dark: mix(#000, $antigua-sunrise, 20%);
.element {
color: $antigua-sunrise;
box-shadow: 0 0 0 2px rgba($antigua-sunrise, 0.35);
}