最も近い色名 · #B24E25
#B24E25
最も近い色名: Spice Market
#B24E25（rgb(178 78 37)、hsl(17 66% 42%)、oklch(0.546 0.141 41.1)）に最も近い色名はSpice Marketです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B24E25
oklch(0.546 0.141 41.1)
カラー変換
- HEX
- #b24e25
- RGB
- rgb(178 78 37)
- HSL
- hsl(17 66% 42%)
- HWB
- hwb(17 15% 30%)
- OKLCH
- oklch(0.546 0.141 41.1)
- OKLab
- oklab(0.546 0.106 0.093)
- CIE Lab
- lab(46.28 39.87 43.57)
- LCH
- lch(46.28 59.06 47.5)
- CMYK
- cmyk(0% 56% 79% 30%)
ティント · シェード · トーン
ティント
- BB603E
- C47253
- CD8469
- D5957E
- DDA793
- E5B8A8
- ECCABD
- F3DBD3
- F9EDE9
シェード
- 9A431F
- 833819
- 6D2D13
- 57230D
- 431908
- 2F0F04
- 1D0702
- 0C0200
- 010000
トーン
- AE5431
- AA5A3C
- A66046
- A1654F
- 9C6A58
- 976F60
- 927468
- 8C7870
- 867C78
カラーハーモニー
補色 +180°
- B24E25
Spice Market
- 007D9A
≈ Pacific Pleasure
類似色 -30° +30°
- B24E25
Spice Market
- B3475C
≈ Punky Pink
- 9A6300
≈ Raw Sienna
トライアド +120° +240°
- B24E25
Spice Market
- 008659
≈ Primal Green
- 6463C0
≈ Bluish Purple Anemone
スプリットコンプリメンタリー +150° +210°
- B24E25
Spice Market
- 00827E
≈ Pond Bath
- 2173BF
≈ Matt Blue
テトラード +90° +180° +270°
- B24E25
Spice Market
- 528014
≈ Avocado
- 007D9A
≈ Pacific Pleasure
- 8B55AC
≈ Vicious Violet
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.23:1 · APCA Lc 75
Ag
Fail黒の上
WCAG 4.00:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--spice-market: #b24e25;
--spice-market-rgb: 178 78 37;
--spice-market-oklch: oklch(0.546 0.141 41.1);
}
.element {
color: var(--spice-market);
background-color: hsl(17 66% 42%);
border-color: oklch(0.546 0.141 41.1);
}Tailwind CSS v4
@theme {
--color-spice-market: #b24e25;
--color-spice-market-50: #ffe9d5;
--color-spice-market-100: #ffd9c3;
--color-spice-market-200: #ffc1a4;
--color-spice-market-300: #f49f7c;
--color-spice-market-400: #e37f5a;
--color-spice-market-500: #d16032;
--color-spice-market-600: #b0522c;
--color-spice-market-700: #8e4123;
--color-spice-market-800: #6a2e19;
--color-spice-market-900: #4b1f10;
--color-spice-market-950: #310e04;
}SCSS
$spice-market: #b24e25;
$spice-market-rgb: 178, 78, 37;
$spice-market-light: mix(#fff, $spice-market, 20%);
$spice-market-dark: mix(#000, $spice-market, 20%);
.element {
color: $spice-market;
box-shadow: 0 0 0 2px rgba($spice-market, 0.35);
}