最も近い色名 · #452700
#452700
最も近い色名: Medium Roast
#452700（rgb(69 39 0)、hsl(34 100% 14%)、oklch(0.305 0.067 67)）に最も近い色名はMedium Roastです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#452700
oklch(0.305 0.067 67)
カラー変換
- HEX
- #452700
- RGB
- rgb(69 39 0)
- HSL
- hsl(34 100% 14%)
- HWB
- hwb(34 0% 73%)
- OKLCH
- oklch(0.305 0.067 67)
- OKLab
- oklab(0.305 0.026 0.062)
- CIE Lab
- lab(19.13 12.14 27.71)
- LCH
- lch(19.13 30.25 66.3)
- CMYK
- cmyk(0% 43% 100% 73%)
ティント · シェード · トーン
ティント
- 563A1B
- 684E32
- 7A624A
- 8C7762
- 9E8C7A
- B1A294
- C4B9AE
- D7D0C8
- EBE7E3
シェード
- 3B2000
- 311A00
- 271400
- 1E0E00
- 150800
- 0C0400
- 050200
- 020100
- 000000
トーン
- 4B3010
- 51381D
- 57412A
- 5D4A36
- 635342
- 695B4E
- 6F645A
- 746E67
- 7A7773
カラーハーモニー
補色 +180°
- 452700
Medium Roast
- 0C314F
≈ Beyond the Stars
類似色 -30° +30°
- 452700
Medium Roast
- 4B2115
≈ Tobi Brown
- 382F00
≈ Hidden Passage
トライアド +120° +240°
- 452700
Medium Roast
- 003733
≈ Night Turquoise
- 382549
≈ Operetta Mauve
スプリットコンプリメンタリー +150° +210°
- 452700
Medium Roast
- 003541
≈ Natural Indigo
- 272B50
≈ Wahoo
テトラード +90° +180° +270°
- 452700
Medium Roast
- 063921
≈ Off-Road Green
- 0C314F
≈ Beyond the Stars
- 44203B
≈ Juice Violet
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.60:1 · APCA Lc 100
Ag
Fail黒の上
WCAG 1.54:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.60:1 (AAA) · APCA Lc 100
Contrast pairs
コードスニペット
CSS
:root {
--medium-roast: #452700;
--medium-roast-rgb: 69 39 0;
--medium-roast-oklch: oklch(0.305 0.067 67);
}
.element {
color: var(--medium-roast);
background-color: hsl(34 100% 14%);
border-color: oklch(0.305 0.067 67);
}Tailwind CSS v4
@theme {
--color-medium-roast: #452700;
--color-medium-roast-50: #fff2e1;
--color-medium-roast-100: #f7e4d0;
--color-medium-roast-200: #e8d0b6;
--color-medium-roast-300: #cfb293;
--color-medium-roast-400: #ba9774;
--color-medium-roast-500: #a57e55;
--color-medium-roast-600: #8b6a48;
--color-medium-roast-700: #6f553a;
--color-medium-roast-800: #533e29;
--color-medium-roast-900: #3a2a1c;
--color-medium-roast-950: #24180c;
}SCSS
$medium-roast: #452700;
$medium-roast-rgb: 69, 39, 0;
$medium-roast-light: mix(#fff, $medium-roast, 20%);
$medium-roast-dark: mix(#000, $medium-roast, 20%);
.element {
color: $medium-roast;
box-shadow: 0 0 0 2px rgba($medium-roast, 0.35);
}