Adlandırılmış renk · #FAEECB
Orecchiette
Orecchiette, #FAEECB: rgb(250 238 203), hsl(45 82% 89%), oklch(0.95 0.047 91.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Orecchiette color name →
#FAEECB
oklch(0.95 0.047 91.3)
Renk dönüşümleri
- HEX
- #faeecb
- RGB
- rgb(250 238 203)
- HSL
- hsl(45 82% 89%)
- HWB
- hwb(45 80% 2%)
- OKLCH
- oklch(0.95 0.047 91.3)
- OKLab
- oklab(0.95 -0.001 0.047)
- CIE Lab
- lab(94.39 0.11 18.55)
- LCH
- lch(94.39 18.55 89.7)
- CMYK
- cmyk(0% 5% 19% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBF0D0
- FBF1D6
- FCF3DB
- FCF5E0
- FDF7E5
- FDF8EA
- FEFAF0
- FEFCF5
- FFFDFA
Koyu tonlar
- D9CFB0
- BAB196
- 9B937D
- 7D7765
- 615C4D
- 464237
- 2D2A22
- 15140F
- 030302
Gri tonlar
- EDE2C3
- E0D7BC
- D4CCB4
- C7C1AD
- BBB6A5
- AFAB9E
- A3A096
- 97958F
- 8B8A87
Renk uyumları
Tamamlayıcı +180°
- FAEECB
Orecchiette
- E8EEFF
≈ Brilliant White
Analog -30° +30°
- FAEECB
Orecchiette
- FFEAD9
≈ Flowerbed
- E9F4D1
≈ Light Green Veil
Üçlü +120° +240°
- FAEECB
Orecchiette
- CFF7FF
≈ Vaporised
- FFE5FB
≈ Bunny Tail
Bölünmüş tamamlayıcı +150° +210°
- FAEECB
Orecchiette
- E0F1FF
≈ Wizard White
- F1EAFF
≈ Placebo Purple
Dörtlü +90° +180° +270°
- FAEECB
Orecchiette
- CDF9F0
≈ Mid Spring Morning
- E8EEFF
≈ Brilliant White
- FFE7ED
≈ Nosegay
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.15:1 · APCA Lc 7
Ag
AAASiyah üzerinde
WCAG 18.15:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--orecchiette: #faeecb;
--orecchiette-rgb: 250 238 203;
--orecchiette-oklch: oklch(0.95 0.047 91.3);
}
.element {
color: var(--orecchiette);
background-color: hsl(45 82% 89%);
border-color: oklch(0.95 0.047 91.3);
}Tailwind CSS v4
@theme {
--color-orecchiette: #faeecb;
--color-orecchiette-50: #faf5e6;
--color-orecchiette-100: #ede8d7;
--color-orecchiette-200: #dbd4be;
--color-orecchiette-300: #bfb79c;
--color-orecchiette-400: #a99e7f;
--color-orecchiette-500: #928562;
--color-orecchiette-600: #7b7153;
--color-orecchiette-700: #635a42;
--color-orecchiette-800: #49422f;
--color-orecchiette-900: #332d20;
--color-orecchiette-950: #1e1a10;
}SCSS
$orecchiette: #faeecb;
$orecchiette-rgb: 250, 238, 203;
$orecchiette-light: mix(#fff, $orecchiette, 20%);
$orecchiette-dark: mix(#000, $orecchiette, 20%);
.element {
color: $orecchiette;
box-shadow: 0 0 0 2px rgba($orecchiette, 0.35);
}