Adlandırılmış renk · #EBE0C8
Cordon Bleu Crust
Cordon Bleu Crust, #EBE0C8: rgb(235 224 200), hsl(41 47% 85%), oklch(0.909 0.034 86.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cordon Bleu Crust color name →
#EBE0C8
oklch(0.909 0.034 86.3)
Renk dönüşümleri
- HEX
- #ebe0c8
- RGB
- rgb(235 224 200)
- HSL
- hsl(41 47% 85%)
- HWB
- hwb(41 78% 8%)
- OKLCH
- oklch(0.909 0.034 86.3)
- OKLab
- oklab(0.909 0.002 0.034)
- CIE Lab
- lab(89.59 0.98 13.22)
- LCH
- lch(89.59 13.25 85.8)
- CMYK
- cmyk(0% 5% 15% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDE3CD
- EFE6D3
- F1E9D8
- F3ECDE
- F5EFE3
- F7F3E9
- F9F6EE
- FBF9F4
- FDFCF9
Koyu tonlar
- CCC3AE
- AEA694
- 918A7B
- 757063
- 5B564C
- 413E36
- 292721
- 13120F
- 030202
Gri tonlar
- E0D6C1
- D5CCB9
- CAC2B2
- BFB8AB
- B4AFA3
- A9A59C
- 9F9C95
- 94928E
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- EBE0C8
Cordon Bleu Crust
- D6E1F9
≈ Aquarelle Purple
Analog -30° +30°
- EBE0C8
Cordon Bleu Crust
- F4DCCC
≈ Peachtree
- DFE4CB
≈ More Melon
Üçlü +120° +240°
- EBE0C8
Cordon Bleu Crust
- C8E8EC
≈ Niagara Mist
- EEDAED
≈ Maiden of the Mist
Bölünmüş tamamlayıcı +150° +210°
- EBE0C8
Cordon Bleu Crust
- CDE5F5
≈ New Heights
- E3DDF6
≈ Lingering Lilac
Dörtlü +90° +180° +270°
- EBE0C8
Cordon Bleu Crust
- CAE9E0
≈ Light Short Phase
- D6E1F9
≈ Aquarelle Purple
- F5D8E1
≈ Brittany’s Bow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.31:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.02:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--cordon-bleu-crust: #ebe0c8;
--cordon-bleu-crust-rgb: 235 224 200;
--cordon-bleu-crust-oklch: oklch(0.909 0.034 86.3);
}
.element {
color: var(--cordon-bleu-crust);
background-color: hsl(41 47% 85%);
border-color: oklch(0.909 0.034 86.3);
}Tailwind CSS v4
@theme {
--color-cordon-bleu-crust: #ebe0c8;
--color-cordon-bleu-crust-50: #f9f5ea;
--color-cordon-bleu-crust-100: #ece7db;
--color-cordon-bleu-crust-200: #dad4c4;
--color-cordon-bleu-crust-300: #beb7a4;
--color-cordon-bleu-crust-400: #a79d88;
--color-cordon-bleu-crust-500: #90856d;
--color-cordon-bleu-crust-600: #7a715c;
--color-cordon-bleu-crust-700: #625a4a;
--color-cordon-bleu-crust-800: #484235;
--color-cordon-bleu-crust-900: #322d24;
--color-cordon-bleu-crust-950: #1e1a13;
}SCSS
$cordon-bleu-crust: #ebe0c8;
$cordon-bleu-crust-rgb: 235, 224, 200;
$cordon-bleu-crust-light: mix(#fff, $cordon-bleu-crust, 20%);
$cordon-bleu-crust-dark: mix(#000, $cordon-bleu-crust, 20%);
.element {
color: $cordon-bleu-crust;
box-shadow: 0 0 0 2px rgba($cordon-bleu-crust, 0.35);
}