色名 · #D0B25C
Tanami Desert
Tanami Desertは#D0B25C：rgb(208 178 92)、hsl(44 55% 59%)、oklch(0.772 0.111 90.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Tanami Desert color name →
#D0B25C
oklch(0.772 0.111 90.4)
カラー変換
- HEX
- #d0b25c
- RGB
- rgb(208 178 92)
- HSL
- hsl(44 55% 59%)
- HWB
- hwb(44 36% 18%)
- OKLCH
- oklch(0.772 0.111 90.4)
- OKLab
- oklab(0.772 -0.001 0.111)
- CIE Lab
- lab(73.93 3.56 47.47)
- LCH
- lch(73.93 47.6 85.7)
- CMYK
- cmyk(0% 14% 56% 18%)
ティント · シェード · トーン
ティント
- D5BA6E
- D9C27F
- DEC990
- E3D1A0
- E7D9B0
- ECE0C0
- F1E8D0
- F6F0E0
- FAF7EF
シェード
- B59A4F
- 9A8342
- 806D36
- 67572A
- 4F431F
- 392F14
- 231D0A
- 100C03
- 020100
トーン
- C8AD62
- C0A867
- B7A36B
- AF9E6F
- A79973
- 9F9476
- 978F79
- 8F8A7C
- 88857E
カラーハーモニー
補色 +180°
- D0B25C
Tanami Desert
- 9AB1FC
≈ Wondrous Wisteria
類似色 -30° +30°
- D0B25C
Tanami Desert
- E9A469
≈ Adventure Orange
- ABC06C
≈ Light Olive
トライアド +120° +240°
- D0B25C
Tanami Desert
- 4CC8DC
≈ Watercourse
- DE9BD6
≈ Damson Plum
スプリットコンプリメンタリー +150° +210°
- D0B25C
Tanami Desert
- 6FBEF5
≈ Blue Mana
- C0A4F1
≈ Lavender Cream
テトラード +90° +180° +270°
- D0B25C
Tanami Desert
- 54CCB8
≈ Peppy Peacock
- 9AB1FC
≈ Wondrous Wisteria
- EF96B1
≈ Illusion
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.05:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.20:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.20:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--tanami-desert: #d0b25c;
--tanami-desert-rgb: 208 178 92;
--tanami-desert-oklch: oklch(0.772 0.111 90.4);
}
.element {
color: var(--tanami-desert);
background-color: hsl(44 55% 59%);
border-color: oklch(0.772 0.111 90.4);
}Tailwind CSS v4
@theme {
--color-tanami-desert: #d0b25c;
--color-tanami-desert-50: #fff5d2;
--color-tanami-desert-100: #f5e8be;
--color-tanami-desert-200: #e5d49e;
--color-tanami-desert-300: #cbb674;
--color-tanami-desert-400: #b79c4b;
--color-tanami-desert-500: #a28212;
--color-tanami-desert-600: #896e14;
--color-tanami-desert-700: #6e5811;
--color-tanami-desert-800: #524009;
--color-tanami-desert-900: #392c06;
--color-tanami-desert-950: #241900;
}SCSS
$tanami-desert: #d0b25c;
$tanami-desert-rgb: 208, 178, 92;
$tanami-desert-light: mix(#fff, $tanami-desert, 20%);
$tanami-desert-dark: mix(#000, $tanami-desert, 20%);
.element {
color: $tanami-desert;
box-shadow: 0 0 0 2px rgba($tanami-desert, 0.35);
}