最も近い色名 · #CAA880
#CAA880
最も近い色名: Latte
#CAA880（rgb(202 168 128)、hsl(32 41% 65%)、oklch(0.752 0.067 71.1)）に最も近い色名はLatteです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CAA880
oklch(0.752 0.067 71.1)
カラー変換
- HEX
- #caa880
- RGB
- rgb(202 168 128)
- HSL
- hsl(32 41% 65%)
- HWB
- hwb(32 50% 21%)
- OKLCH
- oklch(0.752 0.067 71.1)
- OKLab
- oklab(0.752 0.022 0.063)
- CIE Lab
- lab(71.23 8.73 25.61)
- LCH
- lch(71.23 27.06 71.2)
- CMYK
- cmyk(0% 17% 37% 21%)
ティント · シェード · トーン
ティント
- CFB18D
- D5B999
- DAC2A6
- DFCAB2
- E5D3BF
- EADCCC
- EFE5D8
- F5EDE5
- FAF6F2
シェード
- AF926E
- 957C5D
- 7C674D
- 64523D
- 4D3F2E
- 372C1F
- 221A12
- 0F0A06
- 020101
トーン
- C2A480
- BBA081
- B39C81
- AC9881
- A59481
- 9D9081
- 968C81
- 8F8881
- 878480
カラーハーモニー
補色 +180°
- CAA880
Latte
- 8FB2D8
≈ Echo Isles Water
類似色 -30° +30°
- CAA880
Latte
- D4A18E
≈ Indian Mesa
- B7B07F
≈ Leek Powder
トライアド +120° +240°
- CAA880
Latte
- 7BBDB9
≈ Polished Aqua
- BCA3CE
≈ Lucius Lilac
スプリットコンプリメンタリー +150° +210°
- CAA880
Latte
- 7EB9CD
≈ Petit Four
- A7AAD9
≈ Childish Wonder
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.42:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--latte: #caa880;
--latte-rgb: 202 168 128;
--latte-oklch: oklch(0.752 0.067 71.1);
}
.element {
color: var(--latte);
background-color: hsl(32 41% 65%);
border-color: oklch(0.752 0.067 71.1);
}Tailwind CSS v4
@theme {
--color-latte: #caa880;
--color-latte-50: #fff3e1;
--color-latte-100: #f6e5d0;
--color-latte-200: #e6d0b5;
--color-latte-300: #cdb392;
--color-latte-400: #b89873;
--color-latte-500: #a27f54;
--color-latte-600: #896b47;
--color-latte-700: #6e5639;
--color-latte-800: #523e28;
--color-latte-900: #392b1b;
--color-latte-950: #23180b;
}SCSS
$latte: #caa880;
$latte-rgb: 202, 168, 128;
$latte-light: mix(#fff, $latte, 20%);
$latte-dark: mix(#000, $latte, 20%);
.element {
color: $latte;
box-shadow: 0 0 0 2px rgba($latte, 0.35);
}