最も近い色名 · #D96800
#D96800
最も近い色名: Cinnamon
#D96800（rgb(217 104 0)、hsl(29 100% 43%)、oklch(0.642 0.167 51.1)）に最も近い色名はCinnamonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D96800
oklch(0.642 0.167 51.1)
カラー変換
- HEX
- #d96800
- RGB
- rgb(217 104 0)
- HSL
- hsl(29 100% 43%)
- HWB
- hwb(29 0% 15%)
- OKLCH
- oklch(0.642 0.167 51.1)
- OKLab
- oklab(0.642 0.105 0.13)
- CIE Lab
- lab(57.43 42.16 65.87)
- LCH
- lch(57.43 78.2 57.4)
- CMYK
- cmyk(0% 52% 100% 15%)
ティント · シェード · トーン
ティント
- DF7833
- E4884F
- E99767
- EDA67D
- F1B593
- F5C4A9
- F8D3BE
- FBE2D4
- FDF0E9
シェード
- BC5900
- A14B00
- 863E00
- 6C3000
- 532400
- 3B1800
- 250C00
- 110400
- 020000
トーン
- D16C24
- C96F35
- C07242
- B8754D
- AF7857
- A67A60
- 9D7C69
- 947D71
- 8A7F79
カラーハーモニー
補色 +180°
- D96800
Cinnamon
- 0099CD
≈ Tomb Blue
類似色 -30° +30°
- D96800
Cinnamon
- E05A5F
≈ Aphrodisiac
- B58300
≈ Letter Jacket
トライアド +120° +240°
- D96800
Cinnamon
- 00A583
≈ Congo Green
- 8F76E9
≈ Matt Purple
スプリットコンプリメンタリー +150° +210°
- D96800
Cinnamon
- 00A0A8
≈ Ducati
- 4F89F1
≈ Blue Elemental
テトラード +90° +180° +270°
- D96800
Cinnamon
- 49A43B
≈ Oregano Green
- 0099CD
≈ Tomb Blue
- B966C9
≈ Rich Lilac
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.54:1 · APCA Lc 62
Ag
AA黒の上
WCAG 5.93:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--cinnamon: #d96800;
--cinnamon-rgb: 217 104 0;
--cinnamon-oklch: oklch(0.642 0.167 51.1);
}
.element {
color: var(--cinnamon);
background-color: hsl(29 100% 43%);
border-color: oklch(0.642 0.167 51.1);
}Tailwind CSS v4
@theme {
--color-cinnamon: #d96800;
--color-cinnamon-50: #ffe9c9;
--color-cinnamon-100: #ffd9b4;
--color-cinnamon-200: #ffc190;
--color-cinnamon-300: #fa9e61;
--color-cinnamon-400: #ea7d32;
--color-cinnamon-500: #d85b00;
--color-cinnamon-600: #b64e00;
--color-cinnamon-700: #933e00;
--color-cinnamon-800: #6e2c00;
--color-cinnamon-900: #4d1e00;
--color-cinnamon-950: #330d00;
}SCSS
$cinnamon: #d96800;
$cinnamon-rgb: 217, 104, 0;
$cinnamon-light: mix(#fff, $cinnamon, 20%);
$cinnamon-dark: mix(#000, $cinnamon, 20%);
.element {
color: $cinnamon;
box-shadow: 0 0 0 2px rgba($cinnamon, 0.35);
}