En yakın adlandırılmış renk · #F0DBFA
#F0DBFA
En yakın adlandırılmış renk: Scented Spring
#F0DBFA (rgb(240 219 250), hsl(281 76% 92%), oklch(0.918 0.047 315)) en çok Scented Spring adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F0DBFA
oklch(0.918 0.047 315)
Renk dönüşümleri
- HEX
- #f0dbfa
- RGB
- rgb(240 219 250)
- HSL
- hsl(281 76% 92%)
- HWB
- hwb(281 86% 2%)
- OKLCH
- oklch(0.918 0.047 315)
- OKLab
- oklab(0.918 0.033 -0.033)
- CIE Lab
- lab(89.84 11.55 -12.41)
- LCH
- lch(89.84 16.95 312.9)
- CMYK
- cmyk(4% 12% 0% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2DFFB
- F3E2FB
- F5E6FC
- F6E9FC
- F8EDFD
- F9F1FD
- FBF4FE
- FCF8FE
- FEFBFF
Koyu tonlar
- D1BED9
- B2A2BA
- 95879B
- 786D7D
- 5D5461
- 433C46
- 2A262D
- 141115
- 030203
Gri tonlar
- E4D2ED
- D9C8E1
- CDBFD4
- C2B6C8
- B6ACBB
- ABA3AF
- A09AA3
- 959297
- 8B898C
Renk uyumları
Tamamlayıcı +180°
- F0DBFA
Scented Spring
- D7EBCC
≈ Lantana Lime
Analog -30° +30°
- F0DBFA
Scented Spring
- E0E1FF
≈ Stoic White
- FCD8EB
≈ Jacaranda
Üçlü +120° +240°
- F0DBFA
Scented Spring
- F7E0C2
≈ Apricot Whisper
- C0EEED
≈ Cold Blooded
Bölünmüş tamamlayıcı +150° +210°
- F0DBFA
Scented Spring
- E8E6C2
≈ More Mint
- C8EEDC
≈ Summer House
Dörtlü +90° +180° +270°
- F0DBFA
Scented Spring
- FFDBCC
≈ Glazed Sugar
- D7EBCC
≈ Lantana Lime
- C3EBFC
≈ Blue Java Banana
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.21:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--scented-spring: #f0dbfa;
--scented-spring-rgb: 240 219 250;
--scented-spring-oklch: oklch(0.918 0.047 315);
}
.element {
color: var(--scented-spring);
background-color: hsl(281 76% 92%);
border-color: oklch(0.918 0.047 315);
}Tailwind CSS v4
@theme {
--color-scented-spring: #f0dbfa;
--color-scented-spring-50: #fbf1fe;
--color-scented-spring-100: #eee3f3;
--color-scented-spring-200: #ddcee2;
--color-scented-spring-300: #c1b0c8;
--color-scented-spring-400: #a996b2;
--color-scented-spring-500: #927d9c;
--color-scented-spring-600: #7c6a84;
--color-scented-spring-700: #63556a;
--color-scented-spring-800: #483e4e;
--color-scented-spring-900: #322a36;
--color-scented-spring-950: #1e1821;
}SCSS
$scented-spring: #f0dbfa;
$scented-spring-rgb: 240, 219, 250;
$scented-spring-light: mix(#fff, $scented-spring, 20%);
$scented-spring-dark: mix(#000, $scented-spring, 20%);
.element {
color: $scented-spring;
box-shadow: 0 0 0 2px rgba($scented-spring, 0.35);
}