色名 · #DDBB88
Death Valley Beige
Death Valley Beigeは#DDBB88：rgb(221 187 136)、hsl(36 56% 70%)、oklch(0.81 0.077 77.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Death Valley Beige color name →
#DDBB88
oklch(0.81 0.077 77.4)
カラー変換
- HEX
- #ddbb88
- RGB
- rgb(221 187 136)
- HSL
- hsl(36 56% 70%)
- HWB
- hwb(36 53% 13%)
- OKLCH
- oklch(0.81 0.077 77.4)
- OKLab
- oklab(0.81 0.017 0.075)
- CIE Lab
- lab(78 7.46 30.64)
- LCH
- lch(78 31.53 76.3)
- CMYK
- cmyk(0% 15% 38% 13%)
ティント · シェード · トーン
ティント
- E1C294
- E4C9A0
- E7CFAC
- EBD6B8
- EEDDC4
- F2E4D0
- F5EBDB
- F8F1E7
- FCF8F3
シェード
- C0A275
- A48A63
- 887352
- 6E5C41
- 554631
- 3D3222
- 261F13
- 110D06
- 020201
トーン
- D3B588
- CAAF87
- C0A987
- B7A386
- AE9D85
- A49785
- 9B9284
- 928C82
- 898681
カラーハーモニー
補色 +180°
- DDBB88
Death Valley Beige
- A2C3F3
≈ Sail to the Sea
類似色 -30° +30°
- DDBB88
Death Valley Beige
- EBB296
≈ Apricot Preserves
- C6C58A
≈ Fiddlehead Fern
トライアド +120° +240°
- DDBB88
Death Valley Beige
- 82D1D2
≈ Belize
- D6B2E2
≈ Whisper of Plum
スプリットコンプリメンタリー +150° +210°
- DDBB88
Death Valley Beige
- 8ACBE8
≈ Below Zero
- BDBAF1
≈ Purple Illusion
テトラード +90° +180° +270°
- DDBB88
Death Valley Beige
- 8FD1B7
≈ Tropical Trail
- A2C3F3
≈ Sail to the Sea
- E7ADCA
≈ Coral Corn Snake
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.82:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.53:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--death-valley-beige: #ddbb88;
--death-valley-beige-rgb: 221 187 136;
--death-valley-beige-oklch: oklch(0.81 0.077 77.4);
}
.element {
color: var(--death-valley-beige);
background-color: hsl(36 56% 70%);
border-color: oklch(0.81 0.077 77.4);
}Tailwind CSS v4
@theme {
--color-death-valley-beige: #ddbb88;
--color-death-valley-beige-50: #fff3dd;
--color-death-valley-beige-100: #f6e6cc;
--color-death-valley-beige-200: #e6d1b0;
--color-death-valley-beige-300: #cdb38b;
--color-death-valley-beige-400: #b8996a;
--color-death-valley-beige-500: #a37f48;
--color-death-valley-beige-600: #8a6c3e;
--color-death-valley-beige-700: #6e5631;
--color-death-valley-beige-800: #523f22;
--color-death-valley-beige-900: #392b17;
--color-death-valley-beige-950: #231808;
}SCSS
$death-valley-beige: #ddbb88;
$death-valley-beige-rgb: 221, 187, 136;
$death-valley-beige-light: mix(#fff, $death-valley-beige, 20%);
$death-valley-beige-dark: mix(#000, $death-valley-beige, 20%);
.element {
color: $death-valley-beige;
box-shadow: 0 0 0 2px rgba($death-valley-beige, 0.35);
}