最も近い色名 · #FFAEAD
#FFAEAD
最も近い色名: Apricot Haze
#FFAEAD（rgb(255 174 173)、hsl(1 100% 84%)、oklch(0.828 0.096 20.1)）に最も近い色名はApricot Hazeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FFAEAD
oklch(0.828 0.096 20.1)
カラー変換
- HEX
- #ffaead
- RGB
- rgb(255 174 173)
- HSL
- hsl(1 100% 84%)
- HWB
- hwb(1 68% 0%)
- OKLCH
- oklch(0.828 0.096 20.1)
- OKLab
- oklab(0.828 0.09 0.033)
- CIE Lab
- lab(79.11 30.41 13.23)
- LCH
- lch(79.11 33.17 23.5)
- CMYK
- cmyk(0% 32% 32% 0%)
ティント · シェード · トーン
ティント
- FFB6B5
- FFBEBD
- FFC7C5
- FFCFCD
- FFD7D6
- FFDFDE
- FFE7E6
- FFEFEE
- FFF7F7
シェード
- DE9796
- BE807F
- 9E6A6A
- 805555
- 634141
- 482E2D
- 2E1C1B
- 160B0B
- 030101
トーン
- F2AAA8
- E5A5A4
- D8A19F
- CC9C9B
- BF9796
- B29392
- A68E8D
- 998989
- 8D8584
カラーハーモニー
補色 +180°
- FFAEAD
Apricot Haze
- 74DADF
≈ Deep Aquamarine
類似色 -30° +30°
- FFAEAD
Apricot Haze
- F7ADCF
≈ Changeling Pink
- FAB58F
≈ Desert Sunrise
トライアド +120° +240°
- FFAEAD
Apricot Haze
- A6D79B
≈ Cool Aloe
- A7C8FF
≈ Night Snow
スプリットコンプリメンタリー +150° +210°
- FFAEAD
Apricot Haze
- 84DBBD
≈ Āsmānī Sky
- 82D3F9
≈ Kul Sharif Blue
テトラード +90° +180° +270°
- FFAEAD
Apricot Haze
- CACD83
≈ Sunken Treasure
- 74DADF
≈ Deep Aquamarine
- C5BDFF
≈ Lavender Tonic
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.90:1 · APCA Lc 71
最適な文字色: #000000
WCAG 11.90:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--apricot-haze: #ffaead;
--apricot-haze-rgb: 255 174 173;
--apricot-haze-oklch: oklch(0.828 0.096 20.1);
}
.element {
color: var(--apricot-haze);
background-color: hsl(1 100% 84%);
border-color: oklch(0.828 0.096 20.1);
}Tailwind CSS v4
@theme {
--color-apricot-haze: #ffaead;
--color-apricot-haze-50: #ffebe9;
--color-apricot-haze-100: #ffdcda;
--color-apricot-haze-200: #fbc5c2;
--color-apricot-haze-300: #e4a4a1;
--color-apricot-haze-400: #d18787;
--color-apricot-haze-500: #bd6b6b;
--color-apricot-haze-600: #a05b5b;
--color-apricot-haze-700: #804849;
--color-apricot-haze-800: #5f3436;
--color-apricot-haze-900: #432425;
--color-apricot-haze-950: #2b1213;
}SCSS
$apricot-haze: #ffaead;
$apricot-haze-rgb: 255, 174, 173;
$apricot-haze-light: mix(#fff, $apricot-haze, 20%);
$apricot-haze-dark: mix(#000, $apricot-haze, 20%);
.element {
color: $apricot-haze;
box-shadow: 0 0 0 2px rgba($apricot-haze, 0.35);
}