色名 · #FBD5BD
Prairie Dune
Prairie Duneは#FBD5BD：rgb(251 213 189)、hsl(23 89% 86%)、oklch(0.899 0.053 54.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Prairie Dune color name →
#FBD5BD
oklch(0.899 0.053 54.1)
カラー変換
- HEX
- #fbd5bd
- RGB
- rgb(251 213 189)
- HSL
- hsl(23 89% 86%)
- HWB
- hwb(23 74% 2%)
- OKLCH
- oklch(0.899 0.053 54.1)
- OKLab
- oklab(0.899 0.031 0.043)
- CIE Lab
- lab(88.09 11.11 17.1)
- LCH
- lch(88.09 20.4 57)
- CMYK
- cmyk(0% 15% 25% 2%)
ティント · シェード · トーン
ティント
- FCD9C4
- FCDDCA
- FDE2D1
- FDE6D7
- FEEADE
- FEEEE5
- FEF2EB
- FFF7F2
- FFFBF8
シェード
- DAB9A4
- BA9E8C
- 9C8374
- 7E6A5D
- 615147
- 463A33
- 2D241F
- 15100D
- 030202
トーン
- EECCB7
- E1C3B1
- D5BBAA
- C8B2A4
- BCAA9E
- B0A198
- A49992
- 98908C
- 8C8886
カラーハーモニー
補色 +180°
- FBD5BD
Prairie Dune
- BCE4FC
≈ Breaking the Ice
類似色 -30° +30°
- FBD5BD
Prairie Dune
- FFD1CD
≈ Girlie
- EFDBB6
≈ Lantern
トライアド +120° +240°
- FBD5BD
Prairie Dune
- BAEADB
≈ Mint Ice
- DFD8FF
≈ Transparent Blue
スプリットコンプリメンタリー +150° +210°
- FBD5BD
Prairie Dune
- B5E9EE
≈ Winter Escape
- CEDEFF
≈ Arc Light
テトラード +90° +180° +270°
- FBD5BD
Prairie Dune
- C9E8C8
≈ Frosty Dawn
- BCE4FC
≈ Breaking the Ice
- F0D2F2
≈ Lavender Princess
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.35:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.35:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--prairie-dune: #fbd5bd;
--prairie-dune-rgb: 251 213 189;
--prairie-dune-oklch: oklch(0.899 0.053 54.1);
}
.element {
color: var(--prairie-dune);
background-color: hsl(23 89% 86%);
border-color: oklch(0.899 0.053 54.1);
}Tailwind CSS v4
@theme {
--color-prairie-dune: #fbd5bd;
--color-prairie-dune-50: #fff2e7;
--color-prairie-dune-100: #f7e4d7;
--color-prairie-dune-200: #e7cfbf;
--color-prairie-dune-300: #ceb19e;
--color-prairie-dune-400: #b89681;
--color-prairie-dune-500: #a37d65;
--color-prairie-dune-600: #8a6a55;
--color-prairie-dune-700: #6e5544;
--color-prairie-dune-800: #523d31;
--color-prairie-dune-900: #392a21;
--color-prairie-dune-950: #231811;
}SCSS
$prairie-dune: #fbd5bd;
$prairie-dune-rgb: 251, 213, 189;
$prairie-dune-light: mix(#fff, $prairie-dune, 20%);
$prairie-dune-dark: mix(#000, $prairie-dune, 20%);
.element {
color: $prairie-dune;
box-shadow: 0 0 0 2px rgba($prairie-dune, 0.35);
}