最も近い色名 · #FFDBD7
#FFDBD7
最も近い色名: Dawn Patrol
#FFDBD7（rgb(255 219 215)、hsl(6 100% 92%)、oklch(0.92 0.041 25.4)）に最も近い色名はDawn Patrolです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FFDBD7
oklch(0.92 0.041 25.4)
カラー変換
- HEX
- #ffdbd7
- RGB
- rgb(255 219 215)
- HSL
- hsl(6 100% 92%)
- HWB
- hwb(6 84% 0%)
- OKLCH
- oklch(0.92 0.041 25.4)
- OKLab
- oklab(0.92 0.037 0.017)
- CIE Lab
- lab(90.39 12.43 6.84)
- LCH
- lch(90.39 14.19 28.8)
- CMYK
- cmyk(0% 14% 16% 0%)
ティント · シェード · トーン
ティント
- FFDFDB
- FFE2DF
- FFE6E3
- FFE9E7
- FFEDEB
- FFF1EF
- FFF4F3
- FFF8F7
- FFFBFB
シェード
- DEBEBB
- BEA29F
- 9E8785
- 806D6B
- 635452
- 483C3B
- 2E2625
- 161111
- 030202
トーン
- F2D2CE
- E5C8C5
- D8BFBC
- CBB6B3
- BEACAB
- B1A3A2
- A59A99
- 989291
- 8C8988
カラーハーモニー
補色 +180°
- FFDBD7
Dawn Patrol
- C6EDF2
≈ Icy Breeze
類似色 -30° +30°
- FFDBD7
Dawn Patrol
- FCDAE6
≈ Cherry Flower
- FBDECC
≈ Shironeri Silk
トライアド +120° +240°
- FFDBD7
Dawn Patrol
- D5ECD5
≈ Chic Green
- D9E5FF
≈ Veiling Waterfalls
スプリットコンプリメンタリー +150° +210°
- FFDBD7
Dawn Patrol
- CAEEE3
≈ Ineffable Ice Cap
- CCEAFC
≈ Frosty Day
テトラード +90° +180° +270°
- FFDBD7
Dawn Patrol
- E3E8CA
≈ Sunny Summit
- C6EDF2
≈ Icy Breeze
- E6E0FE
≈ Stoic White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.36:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--dawn-patrol: #ffdbd7;
--dawn-patrol-rgb: 255 219 215;
--dawn-patrol-oklch: oklch(0.92 0.041 25.4);
}
.element {
color: var(--dawn-patrol);
background-color: hsl(6 100% 92%);
border-color: oklch(0.92 0.041 25.4);
}Tailwind CSS v4
@theme {
--color-dawn-patrol: #ffdbd7;
--color-dawn-patrol-50: #fff1ef;
--color-dawn-patrol-100: #f5e3e0;
--color-dawn-patrol-200: #e5cecb;
--color-dawn-patrol-300: #ccb0ac;
--color-dawn-patrol-400: #b59692;
--color-dawn-patrol-500: #a07c78;
--color-dawn-patrol-600: #876966;
--color-dawn-patrol-700: #6c5451;
--color-dawn-patrol-800: #503d3c;
--color-dawn-patrol-900: #372a29;
--color-dawn-patrol-950: #221817;
}SCSS
$dawn-patrol: #ffdbd7;
$dawn-patrol-rgb: 255, 219, 215;
$dawn-patrol-light: mix(#fff, $dawn-patrol, 20%);
$dawn-patrol-dark: mix(#000, $dawn-patrol, 20%);
.element {
color: $dawn-patrol;
box-shadow: 0 0 0 2px rgba($dawn-patrol, 0.35);
}