Adlandırılmış renk · #FBBE99
Apricot Iced Tea
Apricot Iced Tea, #FBBE99: rgb(251 190 153), hsl(23 92% 79%), oklch(0.848 0.086 52.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Apricot Iced Tea color name →
#FBBE99
oklch(0.848 0.086 52.5)
Renk dönüşümleri
- HEX
- #fbbe99
- RGB
- rgb(251 190 153)
- HSL
- hsl(23 92% 79%)
- HWB
- hwb(23 60% 2%)
- OKLCH
- oklch(0.848 0.086 52.5)
- OKLab
- oklab(0.848 0.052 0.068)
- CIE Lab
- lab(82.01 19.21 27.69)
- LCH
- lch(82.01 33.7 55.2)
- CMYK
- cmyk(0% 24% 39% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCC5A3
- FDCBAE
- FDD2B8
- FED8C2
- FEDFCC
- FFE5D6
- FFECE0
- FFF2EB
- FFF9F5
Koyu tonlar
- DAA584
- BA8C70
- 9C755D
- 7E5E4A
- 614838
- 463327
- 2D1F17
- 150D08
- 030201
Gri tonlar
- EEB897
- E2B295
- D5AB92
- C9A590
- BD9F8D
- B0998B
- A49388
- 988C86
- 8C8683
Renk uyumları
Tamamlayıcı +180°
- FBBE99
Apricot Iced Tea
- 93D8FC
≈ Shiva Blue
Analog -30° +30°
- FBBE99
Apricot Iced Tea
- FFB8B4
≈ Mexican Milk
- E9C88C
≈ Honeysuckle Beige
Üçlü +120° +240°
- FBBE99
Apricot Iced Tea
- 90E0C7
≈ Clean Green
- CEC4FF
≈ Innocent Snowdrop
Bölünmüş tamamlayıcı +150° +210°
- FBBE99
Apricot Iced Tea
- 85DEE6
≈ Paradisiacal Getaway
- B3CEFF
≈ Ice Cold Stare
Dörtlü +90° +180° +270°
- FBBE99
Apricot Iced Tea
- ADDCA8
≈ Fizz
- 93D8FC
≈ Shiva Blue
- E9BBEF
≈ Lovecloud
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.62:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.92:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--apricot-iced-tea: #fbbe99;
--apricot-iced-tea-rgb: 251 190 153;
--apricot-iced-tea-oklch: oklch(0.848 0.086 52.5);
}
.element {
color: var(--apricot-iced-tea);
background-color: hsl(23 92% 79%);
border-color: oklch(0.848 0.086 52.5);
}Tailwind CSS v4
@theme {
--color-apricot-iced-tea: #fbbe99;
--color-apricot-iced-tea-50: #ffefde;
--color-apricot-iced-tea-100: #ffe1cd;
--color-apricot-iced-tea-200: #f2cbb2;
--color-apricot-iced-tea-300: #dbac8e;
--color-apricot-iced-tea-400: #c7906f;
--color-apricot-iced-tea-500: #b3754e;
--color-apricot-iced-tea-600: #976443;
--color-apricot-iced-tea-700: #795035;
--color-apricot-iced-tea-800: #5a3926;
--color-apricot-iced-tea-900: #3f2719;
--color-apricot-iced-tea-950: #28150a;
}SCSS
$apricot-iced-tea: #fbbe99;
$apricot-iced-tea-rgb: 251, 190, 153;
$apricot-iced-tea-light: mix(#fff, $apricot-iced-tea, 20%);
$apricot-iced-tea-dark: mix(#000, $apricot-iced-tea, 20%);
.element {
color: $apricot-iced-tea;
box-shadow: 0 0 0 2px rgba($apricot-iced-tea, 0.35);
}