最も近い色名 · #CF8D3F
#CF8D3F
最も近い色名: Caramelise
#CF8D3F（rgb(207 141 63)、hsl(33 60% 53%)、oklch(0.695 0.123 67.6)）に最も近い色名はCarameliseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CF8D3F
oklch(0.695 0.123 67.6)
カラー変換
- HEX
- #cf8d3f
- RGB
- rgb(207 141 63)
- HSL
- hsl(33 60% 53%)
- HWB
- hwb(33 25% 19%)
- OKLCH
- oklch(0.695 0.123 67.6)
- OKLab
- oklab(0.695 0.047 0.114)
- CIE Lab
- lab(64.39 20.66 50.7)
- LCH
- lch(64.39 54.74 67.8)
- CMYK
- cmyk(0% 32% 70% 19%)
ティント · シェード · トーン
ティント
- D49956
- DAA46A
- DFAF7D
- E4BB90
- E9C6A3
- EDD1B5
- F2DDC7
- F6E8DA
- FBF4EC
シェード
- B47A35
- 99672C
- 7F5523
- 67441B
- 4F3312
- 38230A
- 231404
- 100701
- 020100
トーン
- C78C49
- BF8B51
- B88A59
- B08960
- A88866
- A0866C
- 988571
- 908376
- 88827B
カラーハーモニー
補色 +180°
- CF8D3F
Caramelise
- 59A3E5
≈ Windjammer
類似色 -30° +30°
- CF8D3F
Caramelise
- DD8064
≈ Dry Peach
- B29D36
≈ Golden Olive
トライアド +120° +240°
- CF8D3F
Caramelise
- 00B5AA
≈ Glass Jar Blue
- B287D8
≈ Middy’s Purple
スプリットコンプリメンタリー +150° +210°
- CF8D3F
Caramelise
- 0EAFCF
≈ Aquarius
- 8B95E8
≈ Perrywinkle
テトラード +90° +180° +270°
- CF8D3F
Caramelise
- 50B47F
≈ Ming Green
- 59A3E5
≈ Windjammer
- CE7EB8
≈ Peruvian Lily
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.53:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--caramelise: #cf8d3f;
--caramelise-rgb: 207 141 63;
--caramelise-oklch: oklch(0.695 0.123 67.6);
}
.element {
color: var(--caramelise);
background-color: hsl(33 60% 53%);
border-color: oklch(0.695 0.123 67.6);
}Tailwind CSS v4
@theme {
--color-caramelise: #cf8d3f;
--color-caramelise-50: #fff0d0;
--color-caramelise-100: #ffe1bc;
--color-caramelise-200: #f7cc9b;
--color-caramelise-300: #e0ac70;
--color-caramelise-400: #ce8f47;
--color-caramelise-500: #bb7405;
--color-caramelise-600: #9e620d;
--color-caramelise-700: #7f4e0c;
--color-caramelise-800: #5f3808;
--color-caramelise-900: #422705;
--color-caramelise-950: #2b1400;
}SCSS
$caramelise: #cf8d3f;
$caramelise-rgb: 207, 141, 63;
$caramelise-light: mix(#fff, $caramelise, 20%);
$caramelise-dark: mix(#000, $caramelise, 20%);
.element {
color: $caramelise;
box-shadow: 0 0 0 2px rgba($caramelise, 0.35);
}