Adlandırılmış renk · #FEDEBC
Almondine
Almondine, #FEDEBC: rgb(254 222 188), hsl(31 97% 87%), oklch(0.919 0.057 68.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Almondine color name →
#FEDEBC
oklch(0.919 0.057 68.7)
Renk dönüşümleri
- HEX
- #fedebc
- RGB
- rgb(254 222 188)
- HSL
- hsl(31 97% 87%)
- HWB
- hwb(31 74% 0%)
- OKLCH
- oklch(0.919 0.057 68.7)
- OKLab
- oklab(0.919 0.021 0.053)
- CIE Lab
- lab(90.54 7.75 21.03)
- LCH
- lch(90.54 22.41 69.8)
- CMYK
- cmyk(0% 13% 26% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEE1C3
- FEE5CA
- FFE8D0
- FFEBD7
- FFEFDE
- FFF2E4
- FFF5EB
- FFF8F2
- FFFCF8
Koyu tonlar
- DDC1A3
- BDA58B
- 9E8973
- 806F5D
- 635547
- 473D32
- 2D261F
- 16120D
- 030202
Gri tonlar
- F1D4B6
- E4CBB0
- D7C1AA
- CAB7A4
- BDAE9E
- B1A598
- A49B92
- 98928C
- 8C8986
Renk uyumları
Tamamlayıcı +180°
- FEDEBC
Almondine
- D0E7FF
≈ Veiling Waterfalls
Analog -30° +30°
- FEDEBC
Almondine
- FFDBD0
≈ Soft Orange Bloom
- EDE5BA
≈ Slices of Happy
Üçlü +120° +240°
- FEDEBC
Almondine
- B9F1EC
≈ Cold Blooded
- EEDBFF
≈ Lavender Savour
Bölünmüş tamamlayıcı +150° +210°
- FEDEBC
Almondine
- BAEEFE
≈ Ice Effect
- DEE2FF
≈ Stoic White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.38:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--almondine: #fedebc;
--almondine-rgb: 254 222 188;
--almondine-oklch: oklch(0.919 0.057 68.7);
}
.element {
color: var(--almondine);
background-color: hsl(31 97% 87%);
border-color: oklch(0.919 0.057 68.7);
}Tailwind CSS v4
@theme {
--color-almondine: #fedebc;
--color-almondine-50: #fff3e4;
--color-almondine-100: #f5e5d4;
--color-almondine-200: #e4d1ba;
--color-almondine-300: #cbb398;
--color-almondine-400: #b5997a;
--color-almondine-500: #9f805d;
--color-almondine-600: #876c4f;
--color-almondine-700: #6c563f;
--color-almondine-800: #503f2d;
--color-almondine-900: #382b1e;
--color-almondine-950: #22180e;
}SCSS
$almondine: #fedebc;
$almondine-rgb: 254, 222, 188;
$almondine-light: mix(#fff, $almondine, 20%);
$almondine-dark: mix(#000, $almondine, 20%);
.element {
color: $almondine;
box-shadow: 0 0 0 2px rgba($almondine, 0.35);
}