最も近い色名 · #C39248
#C39248
最も近い色名: Pizza
#C39248（rgb(195 146 72)、hsl(36 51% 52%)、oklch(0.692 0.109 75.5)）に最も近い色名はPizzaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C39248
oklch(0.692 0.109 75.5)
カラー変換
- HEX
- #c39248
- RGB
- rgb(195 146 72)
- HSL
- hsl(36 51% 52%)
- HWB
- hwb(36 28% 24%)
- OKLCH
- oklch(0.692 0.109 75.5)
- OKLab
- oklab(0.692 0.027 0.105)
- CIE Lab
- lab(64.27 13.33 45.85)
- LCH
- lch(64.27 47.75 73.8)
- CMYK
- cmyk(0% 25% 63% 24%)
ティント · シェード · トーン
ティント
- C99D5C
- CFA86F
- D6B382
- DCBD94
- E2C8A6
- E8D3B7
- EEDEC9
- F3E9DB
- F9F4ED
シェード
- A97E3D
- 906B33
- 785829
- 60461F
- 4A3516
- 34250D
- 201606
- 0E0802
- 020100
トーン
- BC9050
- B68F57
- AF8D5E
- A88C63
- A28A69
- 9B886E
- 948673
- 8D8477
- 87827C
カラーハーモニー
補色 +180°
- C39248
Pizza
- 6D9EDF
≈ Windjammer
類似色 -30° +30°
- C39248
Pizza
- D48661
≈ Harvest Time
- A6A04A
≈ Reed Green
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- C39248
Pizza
- 41AACF
≈ Maximum Blue
- 9692DD
≈ Portage
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--pizza: #c39248;
--pizza-rgb: 195 146 72;
--pizza-oklch: oklch(0.692 0.109 75.5);
}
.element {
color: var(--pizza);
background-color: hsl(36 51% 52%);
border-color: oklch(0.692 0.109 75.5);
}Tailwind CSS v4
@theme {
--color-pizza: #c39248;
--color-pizza-50: #fff2d3;
--color-pizza-100: #fde4c0;
--color-pizza-200: #efcfa0;
--color-pizza-300: #d7b177;
--color-pizza-400: #c49550;
--color-pizza-500: #af7a20;
--color-pizza-600: #94681e;
--color-pizza-700: #775318;
--color-pizza-800: #593c10;
--color-pizza-900: #3e290a;
--color-pizza-950: #271700;
}SCSS
$pizza: #c39248;
$pizza-rgb: 195, 146, 72;
$pizza-light: mix(#fff, $pizza, 20%);
$pizza-dark: mix(#000, $pizza, 20%);
.element {
color: $pizza;
box-shadow: 0 0 0 2px rgba($pizza, 0.35);
}