最も近い色名 · #C99E70
#C99E70
最も近い色名: Cardboard
#C99E70（rgb(201 158 112)、hsl(31 45% 61%)、oklch(0.728 0.08 67.9)）に最も近い色名はCardboardです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C99E70
oklch(0.728 0.08 67.9)
カラー変換
- HEX
- #c99e70
- RGB
- rgb(201 158 112)
- HSL
- hsl(31 45% 61%)
- HWB
- hwb(31 44% 21%)
- OKLCH
- oklch(0.728 0.08 67.9)
- OKLab
- oklab(0.728 0.03 0.074)
- CIE Lab
- lab(68.38 12.14 30.44)
- LCH
- lch(68.38 32.77 68.3)
- CMYK
- cmyk(0% 21% 44% 21%)
ティント · シェード · トーン
ティント
- CFA87E
- D4B18D
- DABB9B
- DFC4A9
- E5CEB7
- EAD8C5
- EFE2D4
- F5EBE2
- FAF5F0
シェード
- AE8960
- 957451
- 7C6043
- 644D35
- 4C3A27
- 36291A
- 22180E
- 0F0904
- 020101
トーン
- C29B72
- BA9874
- B39576
- AC9278
- A48F7A
- 9D8C7B
- 96897D
- 8F867E
- 87837F
カラーハーモニー
補色 +180°
- C99E70
Cardboard
- 7FACD7
≈ High Seas
類似色 -30° +30°
- C99E70
Cardboard
- D49683
≈ Sunburnt Toes
- B4A86D
≈ Oatmeal Biscuit
トライアド +120° +240°
- C99E70
Cardboard
- 67B8B0
≈ Florida Turquoise
- B59ACE
≈ Biloba Flower
スプリットコンプリメンタリー +150° +210°
- C99E70
Cardboard
- 69B4C9
≈ Delicate Girl Blue
- 9BA3D9
≈ Dalmatian Sage
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.43:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.60:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--cardboard: #c99e70;
--cardboard-rgb: 201 158 112;
--cardboard-oklch: oklch(0.728 0.08 67.9);
}
.element {
color: var(--cardboard);
background-color: hsl(31 45% 61%);
border-color: oklch(0.728 0.08 67.9);
}Tailwind CSS v4
@theme {
--color-cardboard: #c99e70;
--color-cardboard-50: #fff2dd;
--color-cardboard-100: #fae4cc;
--color-cardboard-200: #ebcfb0;
--color-cardboard-300: #d2b18b;
--color-cardboard-400: #be966b;
--color-cardboard-500: #a97c49;
--color-cardboard-600: #8f693f;
--color-cardboard-700: #735432;
--color-cardboard-800: #553d23;
--color-cardboard-900: #3c2a17;
--color-cardboard-950: #251708;
}SCSS
$cardboard: #c99e70;
$cardboard-rgb: 201, 158, 112;
$cardboard-light: mix(#fff, $cardboard, 20%);
$cardboard-dark: mix(#000, $cardboard, 20%);
.element {
color: $cardboard;
box-shadow: 0 0 0 2px rgba($cardboard, 0.35);
}