色名 · #EBD2A7
Quiet Veranda
Quiet Verandaは#EBD2A7：rgb(235 210 167)、hsl(38 63% 79%)、oklch(0.874 0.063 81.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Quiet Veranda color name →
#EBD2A7
oklch(0.874 0.063 81.1)
カラー変換
- HEX
- #ebd2a7
- RGB
- rgb(235 210 167)
- HSL
- hsl(38 63% 79%)
- HWB
- hwb(38 65% 8%)
- OKLCH
- oklch(0.874 0.063 81.1)
- OKLab
- oklab(0.874 0.01 0.062)
- CIE Lab
- lab(85.52 4.34 24.75)
- LCH
- lch(85.52 25.12 80)
- CMYK
- cmyk(0% 11% 29% 8%)
ティント · シェード · トーン
ティント
- EDD7B0
- EFDBB9
- F1E0C2
- F3E4CA
- F5E9D3
- F7EDDC
- F9F2E5
- FBF6ED
- FDFBF6
シェード
- CCB691
- AE9B7B
- 918166
- 756852
- 5B503E
- 41392C
- 29241A
- 13100A
- 030201
トーン
- E0CAA3
- D5C1A0
- CAB99C
- BFB098
- B4A894
- A9A090
- 9F988C
- 959088
- 8A8884
カラーハーモニー
補色 +180°
- EBD2A7
Quiet Veranda
- BFD7FF
≈ Oh Boy!
類似色 -30° +30°
- EBD2A7
Quiet Veranda
- F8CBB1
≈ Bleached Apricot
- D7DAAB
≈ Sunlit Leaf
トライアド +120° +240°
- EBD2A7
Quiet Veranda
- A4E3E7
≈ Blizzard Blue
- E9C9EF
≈ Sugar High
スプリットコンプリメンタリー +150° +210°
- EBD2A7
Quiet Veranda
- ACDEF8
≈ Fairy Sparkles
- D5CFFD
≈ Pale Lavender
テトラード +90° +180° +270°
- EBD2A7
Quiet Veranda
- ACE4D0
≈ Coral Green
- BFD7FF
≈ Oh Boy!
- F7C5DA
≈ Miami Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.30:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--quiet-veranda: #ebd2a7;
--quiet-veranda-rgb: 235 210 167;
--quiet-veranda-oklch: oklch(0.874 0.063 81.1);
}
.element {
color: var(--quiet-veranda);
background-color: hsl(38 63% 79%);
border-color: oklch(0.874 0.063 81.1);
}Tailwind CSS v4
@theme {
--color-quiet-veranda: #ebd2a7;
--color-quiet-veranda-50: #fef4e1;
--color-quiet-veranda-100: #f2e7d1;
--color-quiet-veranda-200: #e1d2b6;
--color-quiet-veranda-300: #c7b593;
--color-quiet-veranda-400: #b29b74;
--color-quiet-veranda-500: #9c8255;
--color-quiet-veranda-600: #846e49;
--color-quiet-veranda-700: #69583a;
--color-quiet-veranda-800: #4e4029;
--color-quiet-veranda-900: #362c1b;
--color-quiet-veranda-950: #21190c;
}SCSS
$quiet-veranda: #ebd2a7;
$quiet-veranda-rgb: 235, 210, 167;
$quiet-veranda-light: mix(#fff, $quiet-veranda, 20%);
$quiet-veranda-dark: mix(#000, $quiet-veranda, 20%);
.element {
color: $quiet-veranda;
box-shadow: 0 0 0 2px rgba($quiet-veranda, 0.35);
}