Adlandırılmış renk · #F2F27A
Sunny
Sunny, #F2F27A: rgb(242 242 122), hsl(60 82% 71%), oklch(0.937 0.143 108.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Sunny color name →
#F2F27A
oklch(0.937 0.143 108.9)
Renk dönüşümleri
- HEX
- #f2f27a
- RGB
- rgb(242 242 122)
- HSL
- hsl(60 82% 71%)
- HWB
- hwb(60 48% 5%)
- OKLCH
- oklch(0.937 0.143 108.9)
- OKLab
- oklab(0.937 -0.046 0.135)
- CIE Lab
- lab(93.71 -11.62 57.09)
- LCH
- lch(93.71 58.26 101.5)
- CMYK
- cmyk(0% 0% 50% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F3F48A
- F4F599
- F5F7A7
- F7F8B5
- F8F9C2
- F9FBCE
- FBFCDB
- FCFDE7
- FDFEF3
Koyu tonlar
- D2D269
- B4B459
- 969649
- 79793A
- 5E5E2B
- 43431D
- 2B2B10
- 141405
- 030301
Gri tonlar
- E6E67D
- DADB7F
- CECF81
- C2C382
- B7B883
- ACAD83
- A0A183
- 959682
- 8B8B81
Renk uyumları
Tamamlayıcı +180°
- F2F27A
Sunny
- E9E7FF
≈ Cyber Lavender
Analog -30° +30°
- F2F27A
Sunny
- FFE7C1
≈ Candle Glow
- BFFFAD
≈ Sour Green Cherry
Üçlü +120° +240°
- F2F27A
Sunny
- D1F0FF
≈ Blue Hijab
- FFE1EE
≈ Pale Blossom
Bölünmüş tamamlayıcı +150° +210°
- F2F27A
Sunny
- DEEBFF
≈ Husky
- F8E1FF
≈ Sugarpills
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.18:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.75:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunny: #f2f27a;
--sunny-rgb: 242 242 122;
--sunny-oklch: oklch(0.937 0.143 108.9);
}
.element {
color: var(--sunny);
background-color: hsl(60 82% 71%);
border-color: oklch(0.937 0.143 108.9);
}Tailwind CSS v4
@theme {
--color-sunny: #f2f27a;
--color-sunny-50: #f6facb;
--color-sunny-100: #e9edb6;
--color-sunny-200: #d6da93;
--color-sunny-300: #bbbe64;
--color-sunny-400: #a6a42e;
--color-sunny-500: #8f8c00;
--color-sunny-600: #797600;
--color-sunny-700: #615f00;
--color-sunny-800: #494500;
--color-sunny-900: #323000;
--color-sunny-950: #1e1c00;
}SCSS
$sunny: #f2f27a;
$sunny-rgb: 242, 242, 122;
$sunny-light: mix(#fff, $sunny, 20%);
$sunny-dark: mix(#000, $sunny, 20%);
.element {
color: $sunny;
box-shadow: 0 0 0 2px rgba($sunny, 0.35);
}