最も近い色名 · #ECD8D3
#ECD8D3
最も近い色名: Fiesta
#ECD8D3（rgb(236 216 211)、hsl(12 40% 88%)、oklch(0.897 0.023 34.3)）に最も近い色名はFiestaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ECD8D3
oklch(0.897 0.023 34.3)
カラー変換
- HEX
- #ecd8d3
- RGB
- rgb(236 216 211)
- HSL
- hsl(12 40% 88%)
- HWB
- hwb(12 83% 7%)
- OKLCH
- oklch(0.897 0.023 34.3)
- OKLab
- oklab(0.897 0.019 0.013)
- CIE Lab
- lab(87.89 6.52 5.1)
- LCH
- lch(87.89 8.28 38)
- CMYK
- cmyk(0% 8% 11% 7%)
ティント · シェード · トーン
ティント
- EEDCD7
- F0E0DC
- F2E4E0
- F4E7E4
- F6EBE9
- F8EFED
- F9F3F2
- FBF7F6
- FDFBFB
シェード
- CDBCB7
- AFA09C
- 928582
- 766B69
- 5B5351
- 423B3A
- 292524
- 131110
- 030202
トーン
- E1CFCA
- D6C6C2
- CABDB9
- BFB4B1
- B5ABA9
- AAA2A0
- 9F9A98
- 959190
- 8A8888
カラーハーモニー
補色 +180°
- ECD8D3
Fiesta
- CDE1E7
≈ Goddess
類似色 -30° +30°
- ECD8D3
Fiesta
- ECD7DB
≈ Pale Rose
- E8DACE
≈ Malted Milk
トライアド +120° +240°
- ECD8D3
Fiesta
- D2E2D6
≈ Minty Delight
- D8DCED
≈ Weeping Wisteria
スプリットコンプリメンタリー +150° +210°
- ECD8D3
Fiesta
- CDE2DF
≈ Big Sky
- D1DFEC
≈ Happy Thoughts
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.32:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.32:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--fiesta: #ecd8d3;
--fiesta-rgb: 236 216 211;
--fiesta-oklch: oklch(0.897 0.023 34.3);
}
.element {
color: var(--fiesta);
background-color: hsl(12 40% 88%);
border-color: oklch(0.897 0.023 34.3);
}Tailwind CSS v4
@theme {
--color-fiesta: #ecd8d3;
--color-fiesta-50: #fcf3f0;
--color-fiesta-100: #efe5e2;
--color-fiesta-200: #ded1cd;
--color-fiesta-300: #c3b4af;
--color-fiesta-400: #ac9a95;
--color-fiesta-500: #95817c;
--color-fiesta-600: #7e6d69;
--color-fiesta-700: #655754;
--color-fiesta-800: #4a403d;
--color-fiesta-900: #332c2a;
--color-fiesta-950: #1f1918;
}SCSS
$fiesta: #ecd8d3;
$fiesta-rgb: 236, 216, 211;
$fiesta-light: mix(#fff, $fiesta, 20%);
$fiesta-dark: mix(#000, $fiesta, 20%);
.element {
color: $fiesta;
box-shadow: 0 0 0 2px rgba($fiesta, 0.35);
}