色名 · #CCB299
Tawny Tan
Tawny Tanは#CCB299：rgb(204 178 153)、hsl(29 33% 70%)、oklch(0.779 0.046 66)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Tawny Tan color name →
#CCB299
oklch(0.779 0.046 66)
カラー変換
- HEX
- #ccb299
- RGB
- rgb(204 178 153)
- HSL
- hsl(29 33% 70%)
- HWB
- hwb(29 60% 20%)
- OKLCH
- oklch(0.779 0.046 66)
- OKLab
- oklab(0.779 0.019 0.042)
- CIE Lab
- lab(74.37 6.83 16.46)
- LCH
- lch(74.37 17.82 67.4)
- CMYK
- cmyk(0% 13% 25% 20%)
ティント · シェード · トーン
ティント
- D1BAA3
- D6C1AD
- DBC9B7
- E0D0C1
- E6D8CB
- EBE0D5
- F0E8E0
- F5EFEA
- FAF7F5
シェード
- B19A84
- 978370
- 7E6D5D
- 65574A
- 4E4338
- 372F27
- 221D17
- 0F0C08
- 020101
トーン
- C4AD97
- BCA894
- B5A392
- AD9E8F
- A5998D
- 9E948A
- 968F88
- 8F8A85
- 878583
カラーハーモニー
補色 +180°
- CCB299
Tawny Tan
- A0BBD3
≈ Blue Horror
類似色 -30° +30°
- CCB299
Tawny Tan
- D2AEA3
≈ Rose Smoke
- C0B897
≈ Distant Valley
トライアド +120° +240°
- CCB299
Tawny Tan
- 97C1BB
≈ Pitter Patter
- BEB0CF
≈ Pastel Lilac
スプリットコンプリメンタリー +150° +210°
- CCB299
Tawny Tan
- 97BFCA
≈ Porcelain Blue
- AFB5D5
≈ Lilac Sachet
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.39:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--tawny-tan: #ccb299;
--tawny-tan-rgb: 204 178 153;
--tawny-tan-oklch: oklch(0.779 0.046 66);
}
.element {
color: var(--tawny-tan);
background-color: hsl(29 33% 70%);
border-color: oklch(0.779 0.046 66);
}Tailwind CSS v4
@theme {
--color-tawny-tan: #ccb299;
--color-tawny-tan-50: #fef3e8;
--color-tawny-tan-100: #f3e5d8;
--color-tawny-tan-200: #e2d1c0;
--color-tawny-tan-300: #c8b49f;
--color-tawny-tan-400: #b29a82;
--color-tawny-tan-500: #9b8166;
--color-tawny-tan-600: #836d57;
--color-tawny-tan-700: #695745;
--color-tawny-tan-800: #4e3f32;
--color-tawny-tan-900: #362c22;
--color-tawny-tan-950: #211911;
}SCSS
$tawny-tan: #ccb299;
$tawny-tan-rgb: 204, 178, 153;
$tawny-tan-light: mix(#fff, $tawny-tan, 20%);
$tawny-tan-dark: mix(#000, $tawny-tan, 20%);
.element {
color: $tawny-tan;
box-shadow: 0 0 0 2px rgba($tawny-tan, 0.35);
}