Cor nomeada · #BBD75A
Frog Prince
Frog Prince é #BBD75A: rgb(187 215 90), hsl(73 61% 60%), oklch(0.834 0.154 120.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Frog Prince color name →
#BBD75A
oklch(0.834 0.154 120.5)
Conversões de cor
- HEX
- #bbd75a
- RGB
- rgb(187 215 90)
- HSL
- hsl(73 61% 60%)
- HWB
- hwb(73 35% 16%)
- OKLCH
- oklch(0.834 0.154 120.5)
- OKLab
- oklab(0.834 -0.078 0.133)
- CIE Lab
- lab(82.05 -22.81 56.8)
- LCH
- lch(82.05 61.21 111.9)
- CMYK
- cmyk(13% 0% 58% 16%)
Tons claros · Sombras · Tons
Tons claros
- C1DB6E
- C8E081
- CFE492
- D5E8A2
- DCECB2
- E3F0C2
- EAF4D2
- F1F8E1
- F8FBF0
Sombras
- A2BB4D
- 8A9F41
- 738535
- 5C6B29
- 46521E
- 323B13
- 1F2509
- 0D1103
- 020200
Tons
- B5CE61
- AFC567
- A9BD6C
- A3B471
- 9DAB74
- 97A378
- 919A7A
- 8B917D
- 86897E
Harmonias de cor
Complementar +180°
- BBD75A
Frog Prince
- D2BAFF
≈ Lavender Tonic
Análoga -30° +30°
- BBD75A
Frog Prince
- EFC339
≈ Fashion Yellow
- 75E493
≈ Ragweed
Tríade +120° +240°
- BBD75A
Frog Prince
- 91D1FF
≈ Long Island Sound
- FFADC5
≈ Heartfelt
Complementar dividida +150° +210°
- BBD75A
Frog Prince
- B4C6FF
≈ Light Periwinkle
- FFA3F6
≈ Jigglypuff
Tétrade +90° +180° +270°
- BBD75A
Frog Prince
- 00E1FD
≈ Vaporwave Blue
- D2BAFF
≈ Lavender Tonic
- FFB2A4
≈ Peach Pearl
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASobre preto
WCAG 12.98:1 · APCA Lc 75
Melhor cor de texto: #000000
WCAG 12.98:1 (AAA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--frog-prince: #bbd75a;
--frog-prince-rgb: 187 215 90;
--frog-prince-oklch: oklch(0.834 0.154 120.5);
}
.element {
color: var(--frog-prince);
background-color: hsl(73 61% 60%);
border-color: oklch(0.834 0.154 120.5);
}Tailwind CSS v4
@theme {
--color-frog-prince: #bbd75a;
--color-frog-prince-50: #edfdcc;
--color-frog-prince-100: #def1b8;
--color-frog-prince-200: #c8df95;
--color-frog-prince-300: #a9c467;
--color-frog-prince-400: #92ab32;
--color-frog-prince-500: #799300;
--color-frog-prince-600: #677d00;
--color-frog-prince-700: #526400;
--color-frog-prince-800: #3e4900;
--color-frog-prince-900: #2a3200;
--color-frog-prince-950: #181e00;
}SCSS
$frog-prince: #bbd75a;
$frog-prince-rgb: 187, 215, 90;
$frog-prince-light: mix(#fff, $frog-prince, 20%);
$frog-prince-dark: mix(#000, $frog-prince, 20%);
.element {
color: $frog-prince;
box-shadow: 0 0 0 2px rgba($frog-prince, 0.35);
}