色名 · #C1937A
Florentine Clay
Florentine Clayは#C1937A：rgb(193 147 122)、hsl(21 36% 62%)、oklch(0.701 0.066 49.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Florentine Clay color name →
#C1937A
oklch(0.701 0.066 49.8)
カラー変換
- HEX
- #c1937a
- RGB
- rgb(193 147 122)
- HSL
- hsl(21 36% 62%)
- HWB
- hwb(21 48% 24%)
- OKLCH
- oklch(0.701 0.066 49.8)
- OKLab
- oklab(0.701 0.043 0.05)
- CIE Lab
- lab(64.93 15.39 20.33)
- LCH
- lch(64.93 25.49 52.9)
- CMYK
- cmyk(0% 24% 37% 24%)
ティント · シェード · トーン
ティント
- C79E87
- CEA894
- D4B3A1
- DABDAE
- E1C8BB
- E7D3C8
- EDDED6
- F3E9E4
- F9F4F1
シェード
- A77F69
- 8F6C59
- 775949
- 5F473A
- 49362B
- 34251D
- 201610
- 0E0805
- 020101
トーン
- BB917B
- B48F7C
- AE8E7C
- A78C7D
- A18A7E
- 9A887E
- 94867F
- 8D847F
- 878280
カラーハーモニー
補色 +180°
- C1937A
Florentine Clay
- 73A7C0
≈ Moonstone Blue
類似色 -30° +30°
- C1937A
Florentine Clay
- C58E8E
≈ Floral Tapestry
- B59A6F
≈ Dust
トライアド +120° +240°
- C1937A
Florentine Clay
- 74AC98
≈ Acapulco
- 9D98C6
≈ Majestic Violet
スプリットコンプリメンタリー +150° +210°
- C1937A
Florentine Clay
- 6BABAF
≈ Fountain Blue
- 87A0C8
≈ Caribbean Sky
テトラード +90° +180° +270°
- C1937A
Florentine Clay
- 89A982
≈ Baby Spinach
- 73A7C0
≈ Moonstone Blue
- B192B9
≈ Lavender Earl
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.71:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.72:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.72:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--florentine-clay: #c1937a;
--florentine-clay-rgb: 193 147 122;
--florentine-clay-oklch: oklch(0.701 0.066 49.8);
}
.element {
color: var(--florentine-clay);
background-color: hsl(21 36% 62%);
border-color: oklch(0.701 0.066 49.8);
}Tailwind CSS v4
@theme {
--color-florentine-clay: #c1937a;
--color-florentine-clay-50: #fff0e4;
--color-florentine-clay-100: #fbe2d4;
--color-florentine-clay-200: #eccdbb;
--color-florentine-clay-300: #d4af99;
--color-florentine-clay-400: #bf937c;
--color-florentine-clay-500: #aa795e;
--color-florentine-clay-600: #906750;
--color-florentine-clay-700: #735240;
--color-florentine-clay-800: #563b2e;
--color-florentine-clay-900: #3c291f;
--color-florentine-clay-950: #25170f;
}SCSS
$florentine-clay: #c1937a;
$florentine-clay-rgb: 193, 147, 122;
$florentine-clay-light: mix(#fff, $florentine-clay, 20%);
$florentine-clay-dark: mix(#000, $florentine-clay, 20%);
.element {
color: $florentine-clay;
box-shadow: 0 0 0 2px rgba($florentine-clay, 0.35);
}