最も近い色名 · #C38E2D
#C38E2D
最も近い色名: Pizza
#C38E2D（rgb(195 142 45)、hsl(39 62% 47%)、oklch(0.682 0.126 78.2)）に最も近い色名はPizzaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C38E2D
oklch(0.682 0.126 78.2)
カラー変換
- HEX
- #c38e2d
- RGB
- rgb(195 142 45)
- HSL
- hsl(39 62% 47%)
- HWB
- hwb(39 18% 24%)
- OKLCH
- oklch(0.682 0.126 78.2)
- OKLab
- oklab(0.682 0.026 0.123)
- CIE Lab
- lab(63.09 14.37 56.46)
- LCH
- lch(63.09 58.26 75.7)
- CMYK
- cmyk(0% 27% 77% 24%)
ティント · シェード · トーン
ティント
- C99949
- D0A560
- D6B075
- DCBB89
- E2C79D
- E8D2B1
- EEDDC4
- F3E8D8
- F9F4EB
シェード
- A97B26
- 90681F
- 785618
- 604411
- 4A340B
- 342406
- 201502
- 0E0701
- 020100
トーン
- BC8D3B
- B68C47
- AF8B50
- A88959
- A28861
- 9B8768
- 94856E
- 8E8474
- 87827A
カラーハーモニー
補色 +180°
- C38E2D
Pizza
- 679AE6
≈ Guilliman Blue
類似色 -30° +30°
- C38E2D
Pizza
- D77F4F
≈ Copper Harbor
- A09E34
≈ Poplar
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- C38E2D
Pizza
- 21A7D6
≈ Malibu Blue
- 968BE2
≈ Perrywinkle
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.90:1 · APCA Lc 55
Ag
AAA黒の上
WCAG 7.22:1 · APCA Lc 47
最適な文字色: #000000
WCAG 7.22:1 (AAA) · APCA Lc 47
Contrast pairs
コードスニペット
CSS
:root {
--pizza: #c38e2d;
--pizza-rgb: 195 142 45;
--pizza-oklch: oklch(0.682 0.126 78.2);
}
.element {
color: var(--pizza);
background-color: hsl(39 62% 47%);
border-color: oklch(0.682 0.126 78.2);
}Tailwind CSS v4
@theme {
--color-pizza: #c38e2d;
--color-pizza-50: #fff2cd;
--color-pizza-100: #fee4b9;
--color-pizza-200: #f1cf97;
--color-pizza-300: #d9b06a;
--color-pizza-400: #c7943d;
--color-pizza-500: #b37900;
--color-pizza-600: #976700;
--color-pizza-700: #795200;
--color-pizza-800: #5b3b00;
--color-pizza-900: #402900;
--color-pizza-950: #281600;
}SCSS
$pizza: #c38e2d;
$pizza-rgb: 195, 142, 45;
$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);
}