Adlandırılmış renk · #BEE9E3
Pool Party
Pool Party, #BEE9E3: rgb(190 233 227), hsl(172 49% 83%), oklch(0.902 0.045 186). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Pool Party color name →
#BEE9E3
oklch(0.902 0.045 186)
Renk dönüşümleri
- HEX
- #bee9e3
- RGB
- rgb(190 233 227)
- HSL
- hsl(172 49% 83%)
- HWB
- hwb(172 75% 9%)
- OKLCH
- oklch(0.902 0.045 186)
- OKLab
- oklab(0.902 -0.045 -0.005)
- CIE Lab
- lab(89.17 -15.31 -1.93)
- LCH
- lch(89.17 15.43 187.2)
- CMYK
- cmyk(18% 0% 3% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C5EBE6
- CBEDE9
- D2F0EB
- D8F2EE
- DFF4F1
- E5F6F4
- ECF8F7
- F2FBF9
- F9FDFC
Koyu tonlar
- A5CBC5
- 8CADA8
- 75908C
- 5E7471
- 485A57
- 33413F
- 1F2927
- 0D1312
- 020303
Gri tonlar
- B8DED9
- B2D3CE
- ABC8C4
- A5BEBA
- 9FB3B0
- 99A9A6
- 939E9D
- 8C9493
- 868A89
Renk uyumları
Tamamlayıcı +180°
- BEE9E3
Pool Party
- FBD3DA
≈ Pink Fluorite
Analog -30° +30°
- BEE9E3
Pool Party
- C8E8D2
≈ Glacial Water Green
- BEE7F2
≈ First of July
Üçlü +120° +240°
- BEE9E3
Pool Party
- E6D8F7
≈ Pouty Purple
- F4D9C0
≈ Turkscap
Bölünmüş tamamlayıcı +150° +210°
- BEE9E3
Pool Party
- F3D4EA
≈ Infatuation
- FBD5CA
≈ Romantic Morn
Dörtlü +90° +180° +270°
- BEE9E3
Pool Party
- D6DDFD
≈ Nostalgia Perfume
- FBD3DA
≈ Pink Fluorite
- E7DFBE
≈ Crispa
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.31:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.95:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.95:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--pool-party: #bee9e3;
--pool-party-rgb: 190 233 227;
--pool-party-oklch: oklch(0.902 0.045 186);
}
.element {
color: var(--pool-party);
background-color: hsl(172 49% 83%);
border-color: oklch(0.902 0.045 186);
}Tailwind CSS v4
@theme {
--color-pool-party: #bee9e3;
--color-pool-party-50: #e7faf7;
--color-pool-party-100: #d8edeb;
--color-pool-party-200: #c0dbd8;
--color-pool-party-300: #9ebfbc;
--color-pool-party-400: #81a8a2;
--color-pool-party-500: #63908b;
--color-pool-party-600: #557a75;
--color-pool-party-700: #43625e;
--color-pool-party-800: #304844;
--color-pool-party-900: #21322f;
--color-pool-party-950: #101e1c;
}SCSS
$pool-party: #bee9e3;
$pool-party-rgb: 190, 233, 227;
$pool-party-light: mix(#fff, $pool-party, 20%);
$pool-party-dark: mix(#000, $pool-party, 20%);
.element {
color: $pool-party;
box-shadow: 0 0 0 2px rgba($pool-party, 0.35);
}