最も近い色名 · #DF8F00
#DF8F00
最も近い色名: Fleur de Sel Caramel
#DF8F00（rgb(223 143 0)、hsl(38 100% 44%)、oklch(0.715 0.155 70.3)）に最も近い色名はFleur de Sel Caramelです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DF8F00
oklch(0.715 0.155 70.3)
カラー変換
- HEX
- #df8f00
- RGB
- rgb(223 143 0)
- HSL
- hsl(38 100% 44%)
- HWB
- hwb(38 0% 13%)
- OKLCH
- oklch(0.715 0.155 70.3)
- OKLab
- oklab(0.715 0.052 0.146)
- CIE Lab
- lab(66.6 25.22 71.4)
- LCH
- lch(66.6 75.73 70.5)
- CMYK
- cmyk(0% 36% 100% 13%)
ティント · シェード · トーン
ティント
- E39B39
- E7A655
- EBB26D
- EEBD84
- F1C899
- F4D3AE
- F7DEC2
- FAE9D6
- FDF4EB
シェード
- C27C00
- A56900
- 8A5700
- 6F4500
- 563400
- 3D2400
- 271500
- 120700
- 020100
トーン
- D68E28
- CC8D3A
- C38C48
- B98B53
- B0895C
- A78864
- 9D866C
- 938473
- 8A827A
カラーハーモニー
補色 +180°
- DF8F00
Fleur de Sel Caramel
- 4EA8FF
≈ Joust Blue
類似色 -30° +30°
- DF8F00
Fleur de Sel Caramel
- F27D53
≈ Sassy Salmon
- B9A400
≈ Sulphine Yellow
トライアド +120° +240°
- DF8F00
Fleur de Sel Caramel
- 00BBB4
≈ Super Rare Jade
- C185EA
≈ Lavender Perceptions
スプリットコンプリメンタリー +150° +210°
- DF8F00
Fleur de Sel Caramel
- 00B5DB
≈ Blue Atoll
- 9296FF
≈ Periwinkle Blue
テトラード +90° +180° +270°
- DF8F00
Fleur de Sel Caramel
- 1FC081
≈ Greenish Teal
- 4EA8FF
≈ Joust Blue
- E179C1
≈ Fuchsia Blush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.60:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.06:1 · APCA Lc 51
最適な文字色: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--fleur-de-sel-caramel: #df8f00;
--fleur-de-sel-caramel-rgb: 223 143 0;
--fleur-de-sel-caramel-oklch: oklch(0.715 0.155 70.3);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(38 100% 44%);
border-color: oklch(0.715 0.155 70.3);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #df8f00;
--color-fleur-de-sel-caramel-50: #ffefc5;
--color-fleur-de-sel-caramel-100: #ffe0af;
--color-fleur-de-sel-caramel-200: #fdca89;
--color-fleur-de-sel-caramel-300: #e8aa57;
--color-fleur-de-sel-caramel-400: #d78c14;
--color-fleur-de-sel-caramel-500: #c46e00;
--color-fleur-de-sel-caramel-600: #a65e00;
--color-fleur-de-sel-caramel-700: #854b00;
--color-fleur-de-sel-caramel-800: #643500;
--color-fleur-de-sel-caramel-900: #462400;
--color-fleur-de-sel-caramel-950: #2e1300;
}SCSS
$fleur-de-sel-caramel: #df8f00;
$fleur-de-sel-caramel-rgb: 223, 143, 0;
$fleur-de-sel-caramel-light: mix(#fff, $fleur-de-sel-caramel, 20%);
$fleur-de-sel-caramel-dark: mix(#000, $fleur-de-sel-caramel, 20%);
.element {
color: $fleur-de-sel-caramel;
box-shadow: 0 0 0 2px rgba($fleur-de-sel-caramel, 0.35);
}